基于vue滚动事件的动态锚点的实现方法

发明人:
摘要:
本发明属于web网页技术领域,其公开了一种基于vue滚动事件的动态锚点的实现方法,通过对滚动事件的监听,在vue中利用动态锚点实现页面的平滑跳转。该方法包括:在vue表单的父组件中增加类名作为钩子,在其子组件中设置函数,通过将offset的值赋给Scroll,实现锚点的功能;当用户点击锚点的时候,通过offsetTop和scrollTop的比较确定所需滑动的方向和距离大小;将要滑动的距离进行分段,并通过window的计时器功能来设置每一段的距离的移动;在创建vue实例的时候,在vue生命周期中mounted阶段设置scroll函数,当用户滑动滚动条的时候,触发scroll函数计算滚动条移动的距离,通过对比从而确认此时对应激活的锚点,完成对于锚点css样式的修改。
基本信息
专利类型 发明
申请(专利)号 CN201811406788.0 申请日 2018-11-23
授权公布号 CN109508438A 授权公告日 2019-03-22
申请人 四川长虹电器股份有限公司 
地址 四川省绵阳市高新区绵兴东路35号
发明人 裴晓格 
分类号 G06F16/958(2019.01)I  G06F16/955(2019.01)I  G06F8/38(2018.01)I  主分类号 ["G06F16/958(2019.01)I"]
国省代码 页数
代理机构 成都虹桥专利事务所(普通合伙)
代理人 吴中伟 
法律状态
法律状态公告日 法律状态 法律状态信息
2019-03-22 公开 公开
专利分析
关键词
关键词热度
相关文献总数  
(/次)
(/年)
相关专利
  • 热门期刊
  • 最新期刊
  • 期刊推荐
中国电机工程学报 生态学报 生态学报 电力系统自动化 安徽农业科学 农业工程学报 计算机工程与应用 岩石力学与工程学报 中国医药指南 食品科学 电网技术 应用生态学报 中华护理杂志 中国组织工程研究 中华医院感染学杂志 计算机工程 中国实用医药 科学技术创新 护理研究 山西建筑 中国老年学杂志 地理学报 中国农学通报 中国妇幼保健 岩土工程学报 科技信息 中国农业科学 中国实用护理杂志 岩土力学 现代中西医结合杂志 机械工程学报 计算机应用研究 中国中药杂志 环境科学 商场现代化 软件学报 中草药 中国医药导报 护理学杂志 护士进修杂志 中国电机工程学报 生态学报 生态学报 电力系统自动化 安徽农业科学 农业工程学报 计算机工程与应用 岩石力学与工程学报 中国医药指南 食品科学 电网技术 应用生态学报 中华护理杂志 中国组织工程研究 中华医院感染学杂志 计算机工程 中国实用医药 科学技术创新 护理研究 山西建筑 中国老年学杂志 地理学报 中国农学通报 中国妇幼保健 岩土工程学报 科技信息 中国农业科学 中国实用护理杂志 岩土力学 现代中西医结合杂志 机械工程学报 计算机应用研究 中国中药杂志 环境科学 商场现代化 软件学报 中草药 中国医药导报 护理学杂志 护士进修杂志 中国电机工程学报 生态学报 生态学报 电力系统自动化 安徽农业科学 农业工程学报 计算机工程与应用 岩石力学与工程学报 中国医药指南 食品科学 电网技术 应用生态学报 中华护理杂志 中国组织工程研究 中华医院感染学杂志 计算机工程 中国实用医药 科学技术创新 护理研究 山西建筑 中国老年学杂志 地理学报 中国农学通报 中国妇幼保健 岩土工程学报 科技信息 中国农业科学 中国实用护理杂志 岩土力学 现代中西医结合杂志 机械工程学报 计算机应用研究 中国中药杂志 环境科学 商场现代化 软件学报 中草药 中国医药导报 护理学杂志 护士进修杂志 中国电机工程学报 生态学报 生态学报 电力系统自动化 安徽农业科学 农业工程学报 计算机工程与应用 岩石力学与工程学报 中国医药指南 食品科学 电网技术 应用生态学报 中华护理杂志 中国组织工程研究 中华医院感染学杂志 计算机工程 中国实用医药 科学技术创新 护理研究 山西建筑 中国老年学杂志 地理学报 中国农学通报 中国妇幼保健 岩土工程学报 科技信息 中国农业科学 中国实用护理杂志 岩土力学 现代中西医结合杂志 机械工程学报 计算机应用研究 中国中药杂志 环境科学 商场现代化 软件学报 中草药 中国医药导报 护理学杂志 护士进修杂志
论文1v1指导