javascript - 水平/垂直(锚定)页面内容在链接单击时滚动

Question

类似的问题，如果不是像这样的确切问题，但不经常被问到，我试图改变答案，但无论如何都没有运气。

基本上，我希望能够改变我页面的内容部分(因此页眉保留在每一页上)，我不确定这是只使用一个 html 页面的 anchor 还是多个 html 页面或者真的是如何完成的。一直在寻找 5 个多小时，但一无所获。

我在寻找答案时发现了这个网站，它正是我要找的东西 http://www.aivahthemes.com/themes/gracious/index.html

我四处寻找并找到它做类似事情的网站，但如果你右转两页然后返回原始页面，你会在返回的路上看到中间页面。上面的那个网站并没有这样做，实际上以某种方式隐藏了链接之间的页面，这真是太神奇了。

这有点含糊，因为我没有发布任何代码，但实际上我尝试的所有代码都来自之前的问题，而且我只是试图根据我想要的内容调整半答案。

非常感谢任何帮助，我很难过!

编辑:*看起来更详细一点，看起来确实像一个完整的 HTML 页面。如果是整个页面，为什么加载这么快？认为这将是一个漫长的过程。

编辑2:*是否也可以通过垂直实现这种“风格”？

Answer 1

您列出的网站在 URL 中使用哈希。您可以使用 javascript 或仅使用普通 anchor 动态添加它们。 url 中的哈希将其保存在浏览器历史记录中，后退/前进按钮将正常工作。唯一棘手的部分是读取哈希，这对于 window.location.hash 来说非常简单。 - 它返回“#”符号后的所有内容。

动画/获取页面的脚本会稍微复杂一些，但正如我所见，这都是基于获取正确的 <div id="HASH_FROM_URL"> 的。 , 将它移动到'left: -9999px' 然后动画到主容器的 offsetLeft .