2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > js是滚动条滑到固定位置_记 · 滚动条滚动到指定位置(锚点)的不同实现方式

js是滚动条滑到固定位置_记 · 滚动条滚动到指定位置(锚点)的不同实现方式

时间:2022-09-12 21:51:14

相关推荐

js是滚动条滑到固定位置_记 · 滚动条滚动到指定位置(锚点)的不同实现方式

最近项目中遇到传统的锚点问题。那什么是锚点问题呢?

锚点 是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。并且可以对网站内容通过菜单进行快速定位。

上图所示为锚点示意图,那这种需求我们怎么实现呢?下面我就来提供一些在不同场景下,可以使用的锚点方式。

1.first blood

在传统开发过程中,我们的锚点都是通过a标签跳转至对应ID的形式进行需求实现的。

Menu1

Menu2

Content1 Content2

这是a标签提供给我们的锚点解决方式。

2.double kill

原生js去获取并修改scrollTop

这种情况,我们一般用于固定页面元素的锚点设置,或者设置返回顶部按钮。

// 通过element.scrollTop来获取当前元素滚动条高度

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。