jQuery，使元素以不同的速度滾動

Question

我試圖弄清楚所有這些parrallax滾動如何工作，沒有什麼大規模的微妙元素和即時選擇分開戴夫gamache的網站和玩它看到第一手。

但是我不能讓窗口滾動時我的內部標題丟失不透明。也不讓背景圖像滾動。

我創建了一個小提示，告訴你什麼即時通訊工作，我認爲它與我的windowScroll var只有我不確定，任何幫助非常感謝！

http://jsfiddle.net/jzmQJ/

Answer 1

您需要處理滾動事件，並把您編寫執行事件處理程序中的視差效果的代碼。

由於它是修改$artHeaderInner和$artHeader的位置的代碼僅在觸發ready事件時運行一次。爲了達到您想要的效果，您需要在每次滾動位置更改時運行該代碼。

這可能讓你開始：

http://jsfiddle.net/LtrPV/1/

Answer 2

我會建議使用JavaScript庫如Skrollr.js。

您將擁有對動畫和時間的完美控制。

看看這兩項教程，以幫助您開始：

• Simple parallax scrolling tutorial
• How to create a parallax scrolling website