利用锚点实现页面到顶部

179 阅读1分钟

在滚动元素指定位置加入锚点即可 想要平滑滚动 那滚动元素加入 /* scroll-behavior: smooth; */

 <div  id="top"></div>
backTop() {
       var a = document.createElement('a');
               var body = document.querySelector('body');
               a.href = "#top"
               a.style.display = 'none';
               body.appendChild(a);
               a.click();
               body.removeChild(a);
    },

顶部方法2控制容器 滚动条的位置

 backTop() {
      const top = document.getElementById(`top`).offsetTop
      // document.documentElement.scrollTop = top;
      // document.body.scrollTop = top;
      console.log(document.getElementsByClassName(`content`));
      document.getElementsByClassName(`content`)[0].scrollTo(0, 0)
    },

其他方法 juejin.cn/post/684490…