嘗試創建無限水平滾動 - 最好使用jquery插件

Question

我希望創建一個像“The Killers”網站上使用的效果： http ： //www.thekillersmusic.com/html5# 。 網站編碼的復雜性超出了我的范圍 - 但就像它的工作方式一樣。

基本上，想要像水平全景背景那樣我可以放置網頁內容。 （我發現了一個很棒的全景jquery插件，但它就像一個大圖像）。

然后我找到了這個網站： http ： //unfold.no/ - 它似乎有無限的垂直滾動 - 正是我正在尋找的功能類型 - 但如果我能弄明白他們是怎么做的，那就該死了。 他們可能會以某種方式使用Google Map API嗎？ 或者從頭開始編寫自己的代碼？

我對jquery不是很好，所以如果可能的話，我更喜歡一個我可以調整的插件。 任何想法將不勝感激。

謝謝 ：）

Answer 1

他們在展開時看起來是什么。當你到達底部時，沒有跳回到頁面頂部。 由於背景是無縫的，它似乎是無限滾動。

這是我創建的一個演示： http ： //jsfiddle.net/wdm954/URCwd/4/

你應該編輯的jQuery中唯一的東西就是第一行。

---

默認情況下，我將身高設置為背景圖像的高度。 但是在jQuery中我動態地改變它以添加窗口的高度。 此添加高度使其具有平滑的無限滾動效果。