滾動時觸發的動畫整頁滾動

我一直試圖完成this兩週。這裏有人有任何想法如何做到這一點？我甚至不會粘貼我的代碼，因爲這是有史以來最糟糕的。滾動時觸發的動畫整頁滾動

謝謝。

也有點像這樣http://www.google.com/inbox/ –

修復小標點問題。 –

您是否檢查fullpage.js？

通過使用CSS Easing Animation Tool of Matthew Lein創建您自己的CSS3函數，您可能會獲得相同的滾動效果。

然後將它傳遞給fullPage.js的參數easingcss3。

easingcss3: 'cubic-bezier(1.000, 0.000, 0.000, 1.005) 0.5s',

或者，如果你願意，你可以去jQuery easing effects和使用css3:false。（雖然它會隨着CSS3平滑）

關於dissappearing上滾動的元素，你必須自己通過動畫一些問題上如onLeave回調或通過添加以身體爲in this example的類來做到這一點。

body.fp-viewing-page2-slide1 #section1 .moveOut{ 
    transform: translate3d(0, -400px, 0); 
}

東西在this line。

2015-07-21 13:02:40 Alvaro

好吧，你做了什麼看起來比我在兩週內處理的好十倍。我實際上試圖按照預期使用你的插件和滾動工程。它只是觸發動畫而已，一團糟......問題在於DOM中的元素已經存在但在視口中不可見，並且不知道何時添加動畫類。我曾嘗試使用路點，但似乎過於複雜的只是激發一個或兩個動畫。 –

另外我真的很感謝你的工作。真的很佩服它。 –

回答