有頁面滾動時元素入口動畫的任何jQuery庫嗎？

Question

任何人都知道一個好的圖書館的元素輸入動畫，而頁面滾動。我已經使用了animate it庫，它的真棒，精簡和易於處理，但不能用最新版本的jQuery（3.x）工作。有人建議我一個好的免費圖書館。

Answer 1

您可以嘗試動畫上滾動：

https://michalsnik.github.io/aos/

或者，如果你需要在你的手中有更多的控制更先進的圖書館，嘗試ScrollMagic ：

http://scrollmagic.io/

Answer 2

可以使用Animate.css和Wow.js

Answer 3

你可以使用onscroll事件處理程序。

window.onscroll - function() { 
    var el = document.getElementById('animateMe'); 
    el.addClass('anime'); 
} 

其中包含.anime類的動畫。

CSS

.anime { 
    animation: yourAnimation 2s ease-out; 
} 

@keyframes animation { 
    0% { 
     background: blue; 
    } 
    100% { 
     backgroudn: red; 
    } 
} 

如果需要動畫停止時不滾動，看到How do I know when I've stopped scrolling Javascript。