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

标签 javascript jquery html css horizontal-scrolling

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

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

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

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

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

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

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

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

最佳答案

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

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

关于javascript - 水平/垂直(锚定)页面内容在链接单击时滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14684285/

相关文章:

jquery - 单击评论按钮时如何显示每个容器的评论框?

javascript - 使用 swiper 滑动最后一张幻灯片,但不要循环到第一张幻灯片

javascript - 只想在用户单击 html 表单上的提交时显示绿色复选标记

javascript - 在移动设备上隐藏 div 和 javascript 代码

javascript - 离开页面后返回谷歌地图 V3 上的标记

javascript - 使用 JQuery,如何使字段可编辑,但用户不能输入?

javascript - 导航不会在滚动时改变大小

c# - 单击按钮时在 View 中的列表框中添加项目

javascript - 如何在不丢失比例的情况下缩放背景图像

php - 如何从html文件中的php代码打开文件