jquery - 尝试创建无限水平滚动 - 最好使用 jquery 插件

Question

我希望创建一个类似于“The Killers”网站上使用的效果:http://www.thekillersmusic.com/html5# 。该网站编码的复杂性超出了我的范围 - 但我喜欢它的工作原理。

基本上，想要一个类似水平全景背景的东西，我可以在上面放置网页内容。 (我发现了一个很棒的全景 jquery 插件，但它就像一个大图像一样工作)。

然后我找到了这个网站:http://unfold.no/ - 似乎有无限的垂直滚动 - 正是我正在寻找的功能类型 - 但该死的，如果我能弄清楚他们是如何做到的。他们会以某种方式使用 Google Map API 吗？或者从头开始编写自己的代码？

我不太擅长jquery，所以如果可能的话，我更喜欢一个可以调整的插件。任何想法将不胜感激。

谢谢:)

Answer 1

他们在 unfold.no 上所做的看起来是当您到达页面底部时跳回到页面顶部。由于背景是无缝的，因此它看起来像是一个无限滚动。

这是我创建的演示:http://jsfiddle.net/wdm954/URCwd/4/

在 jQuery 中，您唯一需要编辑的是第一行。

<小时/>

默认情况下，我在 CSS 中将主体高度设置为背景图像的高度。然而，在 jQuery 中，我动态地更改它以添加窗口的高度。这个附加高度使其具有平滑的无限滚动效果。