JS 页面滚动

2022-08-16 10:05:29

记录一下,项目中用得到的页面滚动方式。前3个也支持一些自定义的配置,可以跳转到对应的网站看看,这些自定义配置可能有兼容性问题,使用时注意哦。

方法一

window.scrollTo(x, y) 滚动到文档中的某个坐标。

方法二

element.scrollIntoView() 会滚动元素的父容器,使被调用scrollIntoView()的元素对用户可见。

方法三

element.scrollIntoViewIfNeeded()  将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。

方法四

也可以定时器 setInterval + scrollTop 自己实现。

  • 作者:weixin_46821141
  • 原文链接:https://blog.csdn.net/weixin_46821141/article/details/123798536
    更新时间:2022-08-16 10:05:29