2021-12-30 工作记录--Vue/JS-滚动到页面最顶部 + 让某高度的滚动条返回最顶部 + 页面滚动到某一位置

一、滚动到页面最顶部【转载】⭐️

封装函数scrollToTop，在需要的地方调用该函数即可

scrollToTop () {
  let distance = document.documentElement.scrollTop || document.body.scrollTop; //获得当前高度
  let step = distance / 30; //每步的距离
  (function jump() {
     if (distance > 0) {
        distance -= step;
        window.scrollTo(0, distance);
        setTimeout(jump, 10);
     }
  })();
},

二、让某高度的滚动条返回最顶部【自写】

1、实现效果

2、对应代码 ⭐️

document.getElementById('newsDetails').scrollTo(0, 0);

3、补充代码

三、页面滚动到某一位置【自写】⭐️

window.scrollTo(0, 40); // 进入页面时向下滑动一定距离，避免上方太空旷