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

查看:129
本文介绍了javascript - 百度百科的移动端目录滚动实现思路是怎么样的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

解决方案

最简单的是锚点。

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

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

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

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

这篇关于javascript - 百度百科的移动端目录滚动实现思路是怎么样的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆