水平/垂直(锚点)页面内容滚动链接单击

时间:2013-02-04 09:59:38

标签: javascript jquery html css horizontal-scrolling

类似的问题,如果不是这样的确切问题已被提出但不经常问及我试图改变的答案,但却没有运气。

基本上,我希望能够使我的页面的内容部分(所以标题保留在每个页面上)更改,我不确定这是否只使用一个html页面的锚点,或者它是多个html页面或者真的是如何完成的。一直在寻找超过5个小时,但无济于事。

我来到这个网站寻找答案,它正是我正在寻找的http://www.aivahthemes.com/themes/gracious/index.html

我到处寻找并发现它做类似事情的网站,但是如果你向右走两页然后回到原来的页面,你会看到返回途中的中间页面。上面的那个网站不这样做,实际上隐藏链接之间的页面,这是惊人的。

这有点模糊,因为我没有发布任何代码,但实际上我尝试过的所有代码都只是来自之前的问题而只是我试图让半答案适应我想要的。

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

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

EDIT2: *是否也可以通过垂直方式实现这种“风格”?

1 个答案:

答案 0 :(得分:0)

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

动画/获取页面的脚本会有点复杂,但我认为这一切都基于获得正确的<div id="HASH_FROM_URL">,将其移动到'left:-9999px'然后设置为主容器的动画offsetLeft