js实现回到顶部效果,或去到指定位置

2021-10-24  本文已影响0人  hszz
function toTop() {
  // 获取页面纵坐标 滚动条 位置
  let top = document.documentElement.scrollTop || document.body.scrollTop;
  // 实现滚动效果
  const timeTop = setInterval(() => {
    // document.body.scrollTop 和 document.documentElement.scrollTop 等于top(当前位置)-50,直到top <= 0清除计时器
    document.body.scrollTop = document.documentElement.scrollTop = top -= 50;
    if (top <= 0) {
      clearInterval(timeTop);
    }
  }, 10);
}

去到指定位置

Element.scrollIntoView()
document.getElementById('goods-sort').scrollIntoView()
// goods-sort 会滚动到可见区
scrollTop(xpos,ypos)方法可把内容滚动到指定的坐标。

https://www.w3school.com.cn/jsref/met_win_scrollto.asp

scrollTo(0,document.getElementById('goods-sort').offsetTop);
也可用回到顶部的方法实现
上一篇 下一篇

猜你喜欢

热点阅读