有个同事说再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]); } }
作者：Tyler Ning
出处：http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过以下邮箱地址williamningdong@gmail.com 联系我，非常感谢。
