分页列表切换时回到窗口顶部（个人实战）

最新推荐文章于 2022-11-18 14:44:43 发布

深夜的我最精神

最新推荐文章于 2022-11-18 14:44:43 发布

阅读量636

点赞数

分类专栏：前端

原文链接：https://blog.csdn.net/weixin_34292402/article/details/93183075

版权

前端专栏收录该内容

45 篇文章 1 订阅

订阅专栏

在切换列表的时候，运行toTop() 方法

例如：

      <ul>
           <li
            @click="toTop(100)" > <!--传值根据自己要求-->
          </li>
      </ul>

  methods: {
    toTop(i){
        //参数i表示间隔的幅度大小，以此来控制速度，例如50
        console.log(document.getElementsByClassName('right')[2].scrollTop)
        //document.getElementsByClassName('right')[2]根据自己项目自己定位，我的项目位置是这个
        document.getElementsByClassName('right')[2].scrollTop-=i;
        if (document.getElementsByClassName('right')[2].scrollTop>0) {
            var c=setTimeout(()=>this.toTop(i),16);
        }else {
            clearTimeout(c);


      // 方法二  这个是我项目里的位置,使用这个，不需要传参
      // document.getElementsByClassName("right")[2].scrollTop =0 


      //方法三  我这个是body 页面有效，使用这个，不需要传参
      //document.documentElement.scrollTop = 0
    },
    }}
  }

灵感来自：https://blog.csdn.net/weixin_34292402/article/details/93183075