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

2021-03-12  本文已影响0人  奔跑的程序媛A

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
    // 会发现已经滚动的滚动条,滚动到页面最顶端
上一篇 下一篇

猜你喜欢

热点阅读