如何在這些示例中創建一個網站內容滾動？

Question

注意如何在這些例子站點上的內容滾動（我沒有對任何人的附屬，我才發現他們隨機）：

http://www.nikebetterworld.com/
http://www.esetsmartsecurity.com/

這就像有2層在不同的滾動速度。我將如何去做這樣的網站/內容？

Answer 1

哇。特別是ESET的頁面讓我感到驚訝，因爲它似乎比耐克跑得更好。

至於我可以看到他們使用不同的jQuery插件，如：

• 的jQuery插件inView - https://github.com/zuk/jquery.inview
• jQuery的scrollTo插件 - http://flesler.blogspot.com/2007/10/jqueryscrollto.html
• 的jQuery插件LocalScroll - http://flesler.blogspot.com/2009/03/jquerylocalscroll-127-released.html
• 等

所以他們運行javascript和改變ele當用戶滾動文檔時，不透明度，位置和背景位置。滾動可以手動完成或點擊點（使用LocalScroll插件）。

令人驚異的東西。 +1指出。

儘管類似的方法，耐克使用不同的腳本來實現非常相似的效果。

Answer 2

這就是所謂的視差
這裏是一個jQuery插件它
http://webdev.stephband.info/parallax.html

如何創建一個視差背景效果
http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/