兩個圖像的粘性滾動

Question

我一直在試圖弄清楚如何在兩個圖像上創建粘性滾動效果，基本上是這樣的：http://www.nationalgeographic.com/americannile/ （向下滾動可以看到粘滯滾動效果的四個圖像）

我已經嘗試了一些jQuery插件，但仍無法弄清楚如何創建我想要的效果。

任何幫助將不勝感激，或只是在正確的方向點。

非常感謝

Answer 1

你想要做的是在文檔滾動位置改變時應用一些動作。由於您使用的是jQuery，因此有一個名爲ScrollMagic的功能插件，這裏有the demos。

Answer 2

您發佈的鏈接使用scrollr庫： https://github.com/Prinzhorn/skrollr

我也用這個庫，我只是把它推薦給你。它非常易於使用，對於基本動畫，您不需要任何JavaScript，所有內容都通過data-屬性完成。

它甚至在一定程度上支持移動設備。