84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
点击后滚动到对应位置，思路是怎么样的？
闭关修行中......
最简单的是锚点。
但锚点很生硬，点一下是直接到了对应位置，没有滚动的效果。如果想要滚动效果，就大概是如下思路。
跟锚点一样，导航标签要指向对应想显示的标签的id
点击事件里面，得到目标元素的偏移高度
然后通过过渡动画之类的让父元素滑动到对应位置
锚点链接呗，很简单。点击菜单，会跳到指定的锚点。
<a href="#5F">锚点</a> <p id="5F">1111111</p>
点击a标签就跳到p那去了。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
最简单的是锚点。
但锚点很生硬，点一下是直接到了对应位置，没有滚动的效果。
如果想要滚动效果，就大概是如下思路。
跟锚点一样，导航标签要指向对应想显示的标签的id
点击事件里面，得到目标元素的偏移高度
然后通过过渡动画之类的让父元素滑动到对应位置
锚点链接呗，很简单。点击菜单，会跳到指定的锚点。
点击a标签就跳到p那去了。