動畫滾動div內的圖像

Question

對於上週我一直試圖找到一種方法來獲得一個div /圖像在滾動div內動畫。我試過wow.js（與animate.css）和aos.js，這兩者都不會在我被告知的容器div內工作。

我試過Waypoints並嘗試This Solution並沒有運氣，我開始認爲這是不可能的，但我會喜歡被證明是錯誤的。我想使用animate.css，因爲它有我喜歡的動畫，很容易處理，但如果這不是一個選項，那就這樣吧。

Answer 1

你沒有提到你想要什麼樣的動畫。但是，這可能讓你與滾動格動畫開始：（只是向下滾動到下）

$(document).scroll(function() { 
 
    var y = $(this).scrollTop(); 
 
    if (y > 800) { 
 
     $('.bottomMenu').fadeIn(); 
 
    } else { 
 
     $('.bottomMenu').fadeOut(); 
 
    } 
 

 
});

body { 
 
    height:1600px; 
 
} 
 
.bottomMenu { 
 
    display: none; 
 
    position: fixed; 
 
    bottom: 0; 
 
    width: 100%; 
 
    height: 60px; 
 
    border-top: 1px solid #000; 
 
    background: red; 
 
    z-index: 1; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="bottomMenu"></div>