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

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

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

瀏覽:110日期: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
相關文章:
主站蜘蛛池模板: 丰顺县| 北流市| 鄂伦春自治旗| 巴中市| 甘南县| 阿巴嘎旗| 唐海县| 锡林浩特市| 油尖旺区| 赤壁市| 尚志市| 江口县| 永定县| 科技| 辉南县| 建水县| 莆田市| 韩城市| 阿图什市| 内黄县| 长沙县| 元谋县| 高要市| 上思县| 张家界市| 乳山市| 桓台县| 桃源县| 桐城市| 响水县| 高清| 揭东县| 依安县| 大渡口区| 崇州市| 南郑县| 宜兰县| 浙江省| 博爱县| 修武县| 中方县|