最近项目中遇到传统的锚点问题。那什么是锚点问题呢?
锚点 是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。并且可以对网站内容通过菜单进行快速定位。
上图所示为锚点示意图,那这种需求我们怎么实现呢?下面我就来提供一些在不同场景下,可以使用的锚点方式。
1.first blood
在传统开发过程中,我们的锚点都是通过a标签跳转至对应ID的形式进行需求实现的。
Menu1
Menu2
Content1 Content2
这是a标签提供给我们的锚点解决方式。
2.double kill
原生js去获取并修改scrollTop
这种情况,我们一般用于固定页面元素的锚点设置,或者设置返回顶部按钮。
// 通过element.scrollTop来获取当前元素滚动条高度