最终效果如下:(注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内)-chrome
完成这个功能需要注意:
1、点击导航平滑滚动到导航内容处
2、div内滚动时当前导航需要做响应
代码如下:
1、html结构(因为从项目里截取代码,allMenuList数据内容就不贴出来了,不算难点,这个可以根据自己的项目进行调整,相应的方法和类名别弄错就行)
<div class=all-title>
全部应用
<p class=fr>
<span v-for=(item, index) in allMenuList :key=item.id :cl