久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

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

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

瀏覽:132日期: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
相關文章:
主站蜘蛛池模板: 彝良县| 望城县| 九龙坡区| 乐业县| 阿拉善左旗| 绥阳县| 临高县| 华宁县| 读书| 西林县| 保亭| 万山特区| 深水埗区| 平顶山市| 南昌县| 中宁县| 浙江省| 平顺县| 漳平市| 古浪县| 宁安市| 浦北县| 西贡区| 河曲县| 胶南市| 定陶县| 吴忠市| 大名县| 定襄县| 大兴区| 渭源县| 长顺县| 余干县| 永丰县| 琼海市| 周宁县| 淳化县| 田阳县| 闻喜县| 伊宁县| 湛江市|