將我的網站內容設置在正確的位置

Question

我有一個使用Jquery和html設計的分頁網站。我有一個名爲＃site-content的div，它包含所有的「頁面」，寬度爲4400px。第一頁從左邊開始：0px，第二個在左邊：-1100px，第三個在左邊：-2200px，第四個在左邊：-3300px，在第三頁上，例如我得到這個：

<div id="site-content" style="left: -2200px;"> 

刷新頁面後，在左側再次啓動：0像素;.

有沒有一種方法可以確保它在左側再次啓動：-2200px; ??

代碼示例將是非常appriciated，提前

感謝，

Answer 1

嘗試使用錨航行。

此代碼應該工作，如果url看起來像：http://site.com/#1或類似的東西。

$(document).ready(function(){ 
    var anchor = window.location.hash; // not sure about correct getting anchor 
    $("#site-content").animate({ left:(1100*anchor)+"px" }, 500); 
});