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

b66b7a004599f93a9cd14bb60f3b7aec.png

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

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

3a5b3662e8063eb3764dd10170a6d778.png

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

1.first blood

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

Menu1

Menu2

Content1
Content2

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

2.double kill

原生js去获取并修改scrollTop

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

// 通过element.scr

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值