javascript - 将我的网站内容设置到正确的位置

Question

我有一个用 Jquery 和 html 设计的单页网站。我有一个名为#site-content 的div，它包含所有“页面”，宽度为4400px。第 1 页从左侧开始：0px;，左侧第二个：-1100px，左侧第三个：-2200px，左侧第四个：-3300px;，在第三页上，例如我得到这个：

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

刷新页面后，又从左边开始：0px;。

有没有一种方法可以确保它从左侧重新开始：-2200px;??

代码示例真的很受欢迎，

提前致谢，

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