vue vuex watch改變scrollTop
阿新 • • 發佈:2018-12-18
想實現的效果是:同一個頁面,載入不同的資料的時候,記住 並 跳到 之前的選中的元素
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 } } },