jQuery的：用於圖像滾動效果（包括示例）

Question

我想模仿看到此頁面上的滾動效應：http://www.google.de/nexus/5/

1. 的是與圖像和文本「IHRE Momente，魏某SIE SIE .. 。「有一個圖像，但當鼠標滾動時，圖像在其容器內移動。

2. 再下來是一部手機（「Alles，是Sie brauchen um festzuhalten，是wirklichzählt」的標題）。可以使用滾輪在手機顯示屏內上下滾動圖像。

我怎麼能實現這樣的事情，我不知道從哪裏開始。我可以使用jQuery。

謝謝！

Answer 1

它看起來像jQuery的視差對我說：http://stephband.info/jparallax/

這裏的另一種實現方式：http://prinzhorn.github.io/skrollr/

Answer 2

當我第一次看到這個我用螢火蟲解剖它，原來它真的相當巧妙簡單。

當您的滾動到達該點時，包含帶透明中心和白色背景的手機的元素爲「位置：固定」，以便它們隨您一起滾動，當您向下滾動頁面時，它只是簡單地通過一堆的圖像元素。

雖然它可能不像一些插件那樣快速簡單，但它只是檢測您滾動到哪裏並調整一些CSS屬性的問題。