点击后滚动到对应位置,思路是怎么样的?
最简单的是锚点。
但锚点很生硬,点一下是直接到了对应位置,没有滚动的效果。
如果想要滚动效果,就大概是如下思路。
跟锚点一样,导航标签要指向对应想显示的标签的id
点击事件里面,得到目标元素的偏移高度
然后通过过渡动画之类的让父元素滑动到对应位置
锚点链接呗,很简单。点击菜单,会跳到指定的锚点。
<a href="#5F">锚点</a>
<div id="5F">1111111</div>
点击a标签就跳到div那去了。
点击后滚动到对应位置,思路是怎么样的?
最简单的是锚点。
但锚点很生硬,点一下是直接到了对应位置,没有滚动的效果。
如果想要滚动效果,就大概是如下思路。
跟锚点一样,导航标签要指向对应想显示的标签的id
点击事件里面,得到目标元素的偏移高度
然后通过过渡动画之类的让父元素滑动到对应位置
锚点链接呗,很简单。点击菜单,会跳到指定的锚点。
<a href="#5F">锚点</a>
<div id="5F">1111111</div>
点击a标签就跳到div那去了。