試圖創建一個無限的水平滾動 - 最好使用jquery插件

Question

我期待創建一個類似於「The Killers」網站上使用的效果：http://www.thekillersmusic.com/html5#。網站編碼的複雜性超出了我自己 - 但它就像它的工作原理。

基本上，想要像我可以把Web內容放在水平全景背景。 （我發現一個偉大的全景jquery插件，但它只是像一個大圖像）。

後來我發現這個網站：http://unfold.no/ - 這似乎有無限的垂直滾動 - 與正是的功能，我正在尋找的類型 - 但該死如果我能找出他們是如何做到的。他們可以以某種方式使用Google Map API嗎？或者從頭開始編寫自己的代碼？

我不是很擅長jquery，所以如果可能的話，我更喜歡插件。任何想法將不勝感激。

謝謝:)

Answer 1

它所出現他們正在做的unfold.no被跳回到頁面頂部，當你到達底部。由於背景是無縫的，它看起來是無限的滾動。

這裏是一個演示中，我創建了：http://jsfiddle.net/wdm954/URCwd/4/

在jQuery的唯一的事情，你應該有編輯是第一道防線。

---

默認情況下在CSS中，我將身高設置爲背景圖片的高度。然而在jQuery中，我動態地改變這個來添加窗口的高度。這個增加高度給它一個平滑的無限滾動效果。