如何保存滚动状态

Question

我想保存/确定滚动状态（当前位置），因此当用户回到上一个站点时，他可以从他离开的位置继续工作。

我可以连续保存滚动位置到全局变量并在用户回来时读取它吗？

Answer 1

使用javascript，您可以找出滚动高度，然后将其设置为cookie。这不是一个好方法，但它是可能的。

找到滚动高度：

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     var scrolled = $(this).scrollTop(); 
     console.log(scrolled); 
    }); 
}); 

我会建议使用jQuery的cookie的插件将其设置到一个cookie或会话： http://archive.plugins.jquery.com/project/Cookie http://www.sitepoint.com/eat-those-cookies-with-jquery/

则变量添加到cookie：

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     $.removeCookie("mySiteScrolled"); 
     var scrolled = $(this).scrollTop(); 
     $.cookie("mySiteScrolled", scrolled); 
     console.log(scrolled); 
    }); 
}); 

然后添加“Check for scrolled”语句

$(document).ready(function(){ 
    var scrolled = $.cookie("mySiteScrolled"); 
    if(scrolled){ 
     $(window).scrollTop(scrolled); 
    } 
    $(window).scroll(function(){ 
     $.removeCookie("mySiteScrolled"); 
     var scrolled = $(this).scrollTop(); 
     $.cookie("mySiteScrolled", scrolled); 
     console.log(scrolled); 
    }); 
}); 

Answer 2

我可能会使用jQuery来轻松确定scoll位置$(document).scrollTop();并使用本地存储设置/获取位置。