如何更改滾動上的div位置（取決於滾動方向）？

我想重現在weebly的主頁上使用的滾動效果：http://www.weebly.com/如何更改滾動上的div位置（取決於滾動方向）？

我相信他們正在檢測滾動方向和根據方向改變div位置。（對動畫使用過渡）

關於如何在沒有Jquery的情況下實現相同效果的任何想法？如果還有其他方法可以做到這一點，我也很高興看到它。

2015-02-23 user3288853

您不妨來看看這個：http://imakewebthings.com/waypoints/ – AlexG 2015-02-23 11:26:01

嘗試'風格=「的位置是：絕對的;頂部：0％; 「'爲1st div，然後'style =」position：absolute; top：100％'爲下一個div，然後'style =「position：absolute;頂部：200％'爲下一個和很快 – itzMEonTV 2015-02-23 11:28:42

使用類似fullPage（需要jQuery的）或a pure js alternative

來源

2015-02-23 11:31:55 goleon

FullPage.js是偉大的，非常容易使用。 – 2015-02-23 11:44:56

FullPage.js非常棒！謝謝！ – user3288853 2015-02-23 12:50:24

如何更改滾動上的div位置（取決於滾動方向）？

回答

相關問題