关于vue项目中,手动定义的scrollTop的值

时间:2024-01-04 10:36:26

在项目中,有时需要控制scrollTop的值,比如有一个列表页,点击任意一个列表可以进入其详情页,这时如果你要返回的话,

肯定是希望还回到刚刚点击的地方,我当时的解决办法是,本地存下点击那一刻的scrollTop 的值,等返回的时候再赋给body,

可是理想很丰满,但现实总是很骨感的,等返回的时候,页面完全没反应,然后我怀疑自己难道没有存下scrollTop的值吗,

然后就开始监听,已经存下了呀,然后,突发奇想,我稍微做下延迟,试下:

var scrollTop=store.fetch("scrollTop");
setTimeout(function(){
document.body.scrollTop = scrollTop;
},100);果然,就可以了,看来是加载的问题,需要给它一个缓冲,等拿到scrollTop的值以后,在赋赋值给body,这就可以了。