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

Question

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

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

刷新页面后，它再次从左边开始:0px;。

有没有一种方法可以确保它再次从左侧开始:-2200px;？？

代码示例将非常有用，

提前致谢

Answer 1

尝试使用 anchor 导航。

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