将我的网站内容设置在正确的位置

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