成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術文章
文章詳情頁

javascript - vue使用keep-alive不能保持滾動位置問題。

瀏覽:119日期:2022-12-28 10:46:58

問題描述

頂級視圖<router-view>設置<keep-alive>雖然能緩存數據還有scrollTop,但是使用上拉加載更多數據后,點擊某個item頁面后返回,不能準確記錄上一頁的scrollTop位置,出現的偏差比較大,有時候還會出現返回頂部,有出現過同樣的問題小伙伴嗎?

//自己稍微精準控制一下scrollTop,但是keep-alive還是按照緩存記錄scrollTop滾動。$('html,body').animate({scrollTop:this.scrollTopDistance},0);

問題解答

回答1:

也遇到了同樣的問題,準備用緩存存每個頁面上滾動條的位置,再回到頁面時再取出來,設置位置。但是感覺這個辦法好土呀。還沒有找到更好的辦法,準備再研究研究。

剛查的這個vue-router有個scrollBehavior函數可以做到,

scrollBehavior: function (to, from, savedPosition) {

return savedPosition || { x: 0, y: 0 }

},準備明天看看

標簽: JavaScript
相關文章: