vue实现楼层跳转效果

本文实例为大家分享了vue实现楼层跳转效果的具体代码,供大家参考,具体内容如下

实现效果:当翻滚页面时,对应的选项卡也会进行相应的变化,点击选项卡也会直接跳转到对应的位置

vue实现楼层跳转效果_第1张图片

先是获取对应的dom元素,然后再监听滚动事件,判断符合条件的元素,进行改变对应的楼层选项卡位置。

jump方法则是通过点击直接跳转到对应的位置。

整个页面代码如下:





以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(vue实现楼层跳转效果)