JS dom元素滚动到顶部

设置dom元素的scrollTop属性为0

  • 直接设(可能存在闪动,看需求):
document.querySelector('.xxx').scrollTop = 0
  • 动画平滑滚动:
toTop () {
  let timer = null
  timer = requestAnimationFrame(function fn () {
    const box = document.getElementById('xxx')
    let oTop = box.scrollTop
    if (oTop > 0) {
      box.scrollTop = oTop - 100
      timer = requestAnimationFrame(fn)
    } else {
      cancelAnimationFrame(timer)
    }
  })
}
posted @ 2023-03-06 19:57  jiazq  阅读(593)  评论(0)    收藏  举报