基于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指导