如何保存滾動狀態

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();並使用本地存儲設置/獲取位置。