スクロールdivのアニメーション画像

Question

先週、スクロール可能なdiv内でdiv/imageをアニメーション化する方法を見つけようとしてきました。私はwow.js（animate.cssで）とaos.jsを試しましたが、どちらもコンテナdiv内で動作しませんでした。

私はWaypointsを試してみましたが、This Solutionを試してみて、運がないと私はそれが不可能だと思っていますが、私は間違っていることが分かります。 animate.cssはアニメーションが好きで扱いが簡単ですが、それがオプションではない場合は使用したいと思います。

Answer 1

あなたはどんな種類のアニメーションを望んでいないと言いました。しかし、これはあなたがdivのアニメーションスクロールを始めるかもしれません。（ちょうど下までスクロール）

$(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>