如何在頁面滾動上動畫圖像？

我有一個頁面，我有幾張圖片。我想知道如何在用戶向下滾動頁面時使圖像動畫，並且圖像變得可見？看一看這個頁面：http://www.elegantthemes.com/demo/?theme=Divi 如何在頁面滾動上動畫圖像？

當你向下滾動時，每個圖像都會產生動畫 - （下降，滑入）+淡入淡出。這個效應叫什麼以及如何實現？可以用純CSS3來完成，還是需要JS？

謝謝。

2014-01-30 Blueboye

css轉換是你需要的 – deW1

@monners：什麼是在這裏與人在stackoverflow？我只是想徵求意見。如果您沒有任何貢獻，請不要發表評論。沒有人要你爲我做工。如果你有這樣的問題，可以去其他地方去玩。 – Blueboye

基本上這裏需要使用Javascript來跟隨用戶向下滾動，並在他到達特定位置時進行動畫製作。

我強烈建議使用使用GreenSock動畫： http://www.greensock.com/get-started-js/

好運。

2014-01-30 11:55:03

謝謝。我會看看。看起來很多工作都是一件簡單的事情。但是，我還沒有完全閱讀它。現在去檢查。 – Blueboye

我發現Skrollr.js是滾動動畫的最佳工具。

查看我們的這兩個教程，讓你開始與Skrollr：

[編輯]或者你可以使用scrollReveal.js，它做什麼，它說 - 揭示元素當你向下滾動頁面時。

2014-02-02 10:03:52 Ihatetomatoes

我不認爲我在看什麼是視差滾動。我正在研究更多像動畫一樣的lazyload。不過謝謝。 – Blueboye

噢好吧，那麼你需要使用像[Inview.js]（https://github.com/protonet/jquery.inview）和CSS3動畫。這是[示例]（http://jsfiddle.net/apaul34208/jU6m9/） – Ihatetomatoes

回答