4

我正在寻找一种类似“杀手”网站上使用的效果:http ://www.thekillersmusic.com/html5# 。网站编码的复杂性超出了我的范围 - 但就像它的工作方式一样。

基本上,想要一个可以放置网页内容的水平全景背景。(我找到了一个很棒的全景 jquery 插件,但它就像一张大图一样工作)。

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

我对 jquery 不是很好,所以如果可能的话,我更喜欢我可以调整的插件。任何想法将不胜感激。

谢谢 :)

4

1 回答 1

8

他们在展开时所做的似乎是在您到达底部时跳回页面顶部。由于背景是无缝的,它似乎是一个无限滚动。

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

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


默认情况下,在 CSS 中,我将主体高度设置为背景图像的高度。然而,在 jQuery 中,我动态更改它以添加窗口的高度。这个额外的高度给它一个平滑的无限滚动效果。

于 2011-06-18T23:41:18.553 回答