vue vuex watch改变scrollTop

想实现的效果是:同一个页面,加载不同的数据的时候,记住 并 跳到 之前的选中的元素

computed: {
    scrollTop () {
      // 获取当前选中的元素的scrollTop,这里因为写在不同的template 所有通过store获取
      // 要改成你自己的数据 
      return this.$store.getters.currentFriend.friend.sn * 44
    }
  },
watch: {
    scrollTop: function () { // 监听屏幕高度变化
      // 计算出当前选中对象的scrollTop
      let st = this.scrollTop
      // 当前的scrollTop
      let cst = document.getElementById('show').scrollTop
      // 这个是更改的规则,自己定义
      if (st - cst > 440) {
        document.getElementById('show').scrollTop = st
      } else if (st - cst < 0) {
        document.getElementById('show').scrollTop = st
      }
    }
  },

猜你喜欢

转载自blog.csdn.net/sunfellow2009/article/details/85062901
今日推荐