页面刷新的时候记住滚动条的位置

         知识点，1、滚动条滚动时候的方法（scrolltop）；2、cookie（浏览器或其它软件存cookie）3、onbeforeunload ；4、window.onload。

    

兼容性较好的代码如下：

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]);

                   }

              }

主要的一点就是，利用了   onbeforeunload  这个时间，在即将离开当前页面（刷新或者关闭）时执行JavaScript。

其次就是得记住当前的页面滑到了哪里。不能用这个方法的浏览器就得用不同的办法进行了。

再次就是在页面加载的时候进行滚动，滚动到我们想要去的地方。保存的方法可以用本地存储，也可以用cookie。