javascript - 如何保存滚动状态

Question

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

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

Answer 1

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

查找滚动高度:

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

我建议使用 jquery cookie 插件将其设置为 cookie 或 session : 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);
    });
});

然后添加“检查滚动”语句

$(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);
    });
});