半圓圓弧滾動javascript

我試圖實現類似這樣的http://www.ibeyi.fr，但我不知道從哪裏開始。任何正確的方向步驟將不勝感激。半圓圓弧滾動javascript

2017-03-23 Zaire

扎伊爾，這是工作在平板電腦和智能手機上的目標嗎？由於這些設備上沒有「懸停」，您將花時間製作僅適用於筆記本電腦和臺式機的東西。除此之外，您可以使用jQuery attr（）更改圖像。你的例子有四個圖像。 – Kobbe

確實，像這樣的任何效果可能只適用於臺式機。 Skrollr圖書館本身的作者說：「說實話，移動支持總是被吸引（因爲移動瀏覽器很難），而且你不應該爲一些花哨的UI效果妥協。」 –

他們正在使用名爲skrollr的庫。這本身不會給你半圓效應。

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

要查看此實際情況，請檢查其中一個旋轉元素，並在滾動時觀察transform屬性更改。

2017-03-23 04:59:22

太棒了，我會讓它沉入水中，並閱讀skrollr。謝謝，我非常失落 – Zaire

回答