Javascript – Vue kann die Bildlaufposition mithilfe von Keep-Alive nicht aufrechterhalten.

Question

Top-Ansicht<router-view>设置<keep-alive>Obwohl Daten zwischengespeichert und scrollTop verwendet werden können, kann die scrollTop-Position der vorherigen Seite nach dem Laden weiterer Daten per Pull-Up und dem Klicken auf eine Artikelseite nicht genau aufgezeichnet werden, und die Abweichung ist relativ groß. Hatten Sie manchmal das gleiche Problem?

//自己稍微精准控制一下scrollTop，但是keep-alive还是按照缓存记录scrollTop滚动。
$("html,body").animate({scrollTop:this.scrollTopDistance},0);

Answer 1

也遇到了同样的问题，准备用缓存存每个页面上滚动条的位置，再回到页面时再取出来，设置位置。但是感觉这个办法好土呀。还没有找到更好的办法，准备再研究研究。

刚查的这个vue-router有个scrollBehavior函数可以做到，

scrollBehavior: function (to, from, savedPosition) {

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

},准备明天看看