沙滩星空的博客沙滩星空的博客

JavaScript保存离开网页时的位置

sessionStorage.setItem();
sessionStorage.getItem()

获取滚动条当前的位置

    function getScrollTop() {
        var scrollTop = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop;
        } else if (document.body) {
            scrollTop = document.body.scrollTop;
        }
        return scrollTop;
    }

在即将离开当前页面(刷新或关闭)时执行,保存滚动条位置

    window.onbeforeunload = function(){
        var offsetTop = getScrollTop();
        if (offsetTop != 0){
            sessionStorage.setItem("offsetTop", offsetTop); //保存滚动位置
        }
    }

再次进到页面中, onload时 sessionStorage.getItem(key) 取出并滚动到上次保存位置

window.onload = function()
{
  var offsetTop = sessionStorage.getItem("offsetTop");
  if(offsetTop!=null){
    document.body.scrollTop = offsetTop;
  }

}
未经允许不得转载:沙滩星空的博客 » JavaScript保存离开网页时的位置

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址