美文网首页
滚动条滚动到指定位置(锚点)的不同实现方式

滚动条滚动到指定位置(锚点)的不同实现方式

作者: 奔跑的程序媛A | 来源:发表于2021-03-12 10:32 被阅读0次

1. <a>标签锚点

<a href="#content1">Menu1</a>
<a href="#content2">Menu2</a>

<div id="content1">Content1</div>
<div id="content2">Content2</div>

2. 原生js去获取并修改scrollTop

一般用于固定页面元素的锚点设置,或者设置返回顶部按钮

    // 通过element.scrollTop来获取当前元素滚动条高度
    document.documentElement.scrollTop
    // 返回一个number类型的内容,是滚动条的高度

    // 也可以通过给scrollTop赋值去设置滚动条高度
    document.documentElement.scrollTop = 0
    // 会发现已经滚动的滚动条,滚动到页面最顶端

相关文章

网友评论

      本文标题:滚动条滚动到指定位置(锚点)的不同实现方式

      本文链接:https://www.haomeiwen.com/subject/yroaqltx.html