页面刷新后保持滚动条的位置

注意：如果页面数据是ajax获取展开的，必须要等数据全部加载，dom渲染完成后才能保持滚动条的位置。例如可以setTimeout方式设置（等页面全部渲染后执行设置scroolTop）

1.设置滚动条位置到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中
}

2.页面加载后读取cookie里滚动条的值

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