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

1. 标签锚点

Menu1
Menu2

Content1
Content2

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

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

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

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

你可能感兴趣的:(滚动条滚动到指定位置(锚点)的不同实现方式)