滚动

window.scrollBy(x, y):将页面滚动至 相对于当前位置的 (x, y) 位置

window.scrollTo(pageX, pageY):将页面滚动至相对于文档的 绝对坐标

elem.scrollIntoView( alignToTop ):滚动 元素 使用户可见

alignToTop:bool 型

  • true:元素的顶端将和其所在滚动区的可视区域的顶端对齐
  • false:元素的底端将和其所在滚动区的可视区域的底端对齐

禁止滚动

document.body.style.overflow = "hidden"

Tip

必须在 DOM 完全构建好之后才能通过 JavaScript 滚动页面

监听页面滚动

使用 scroll 事件