闫学坤博客
微信关注，获取更多 有个同事说再javascript中你可以做任何你想做的事情，当时觉得不以为然，今天遇到个问题，就是页面重新加载后总是回到页面的顶部，如果客户只想看到他想看到的部分是怎么变化的，这个体验就好了。原本想象应该有页面设置scroll之类的，没有看到，在网上搜到一个方法就是在页面加载前用cookie记录滚动条的位置，加载之后从cookie中取回这个值再设置滚动条的位置，这个方法如此风骚。
window.onbeforeunload = function(){
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie="scrollTop="+scrollPos; //存储滚动条位置到cookies中
}
window.onload = function()
{
if(document.cookie.match(/scrollTop=([^;]+)(;|$)/)!=null){
var arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空，则读取滚动条位置
document.documentElement.scrollTop=parseInt(arr[1]);
document.body.scrollTop=parseInt(arr[1]);
}
}
