vue-waterfall-easy点击跳转后记住滚动位置，防止回到顶部

最新推荐文章于 2024-11-06 09:59:41 发布

森木池鱼

最新推荐文章于 2024-11-06 09:59:41 发布

阅读量194

点赞数

分类专栏： Vue前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/cscodeer/article/details/132877966

版权

Vue前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

其实只要把跳转前的滚动条位置保存下来，返回页面时再赋予就行，代码如下：

//this.scroll = 0
   clickFn(event, { index, value }){//跳转前
	    this.scroll = document.getElementsByClassName("vue-waterfall-easy-scroll")[0].scrollTop;
	    this.$router.push({
	     	...
	      });
		},
   activated() {
    this.$nextTick(() => {
      setTimeout(() => {
        document.getElementsByClassName("vue-waterfall-easy-scroll")[0].scrollTop = this.scroll;
      }, 0);
    });
  },