百度百科的移动端目录滚动实现思路是怎么样的?

图片描述

点击后滚动到对应位置,思路是怎么样的?

阅读 2.6k
2 个回答

最简单的是锚点。

但锚点很生硬,点一下是直接到了对应位置,没有滚动的效果。
如果想要滚动效果,就大概是如下思路。

  • 跟锚点一样,导航标签要指向对应想显示的标签的id

  • 点击事件里面,得到目标元素的偏移高度

  • 然后通过过渡动画之类的让父元素滑动到对应位置

锚点链接呗,很简单。点击菜单,会跳到指定的锚点。

<a href="#5F">锚点</a> 
<div id="5F">1111111</div> 

点击a标签就跳到div那去了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题