//1.获取滚动条的位置,并存到缓存里
<script>
document.onscroll = function(){
getScrollTop()
}
function getScrollTop(){
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop){
scrollTop=document.documentElement.scrollTop;
}else if(document.body){
scrollTop=document.body.scrollTop;
}
localStorage.setItem('position_data',scrollTop);
}
</script>
//2.渲染完页面,从缓存里取出滚动条的位置:运用了vue的watch和nextTick函数,missionData是数据
watch:{
missionData: function(){
this.$nextTick(() => {
console.log(localStorage.getItem('position_data'))
window.scrollTo(0, parseInt(localStorage.getItem('position_data')))
})
}
}