国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

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

瀏覽:140日期: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
相關文章:
主站蜘蛛池模板: 新化县| 洛阳市| 孝感市| 高邑县| 灵山县| 抚顺县| 镇安县| 都匀市| 印江| 读书| 酉阳| 即墨市| 循化| 嘉峪关市| 彭阳县| 长寿区| 天津市| 睢宁县| 新源县| 桂阳县| 沙田区| 崇仁县| 罗江县| 泽州县| 楚雄市| 延长县| 连城县| 富蕴县| 南汇区| 松江区| 深水埗区| 竹北市| 白水县| 集贤县| 佛教| 濮阳县| 辛集市| 江门市| 马边| 宁海县| 新源县|