半圓弧滾動javascript

Question

我正在嘗試實現類似http://www.ibeyi.fr的功能，但我不知道從哪里開始。 朝正確方向的任何步驟將不勝感激。

Answer 1

他們正在使用一個名為skrollr的庫。 單靠它不會給您半圓效果。

基本上，當頁面滾動時，它們將旋轉整個半圓形元素，然后沿相反的方向旋轉所包含的元素以抵消旋轉。

要查看實際效果，請檢查旋轉元素之一，並在滾動時觀察transform屬性的變化。