誰も私にスクロールに関するアイデアを教えてくれます。アプレイする方法ユーザーがコンテンツをスクロールし始めるときにアニメーションをスクロールする

Question

ビューポートに入っている要素にアニメーションを追加する必要があります。

$(document).scroll(function(){ 
 
alert('How to animate with transitions left to right, top to bottom elements in my Structure '); 
 
});

.main-container{ 
 
width:900px; 
 
height:100%; 
 
overflow:auto; 
 
background:#00496d; 
 
color:#fff; 
 
} 
 
#section1,#section2,#section3,#section4,#section5,#section6{ 
 
width:100%; 
 
height:300px; 
 
border:1px solid #fff; 
 
margin:5px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main-container"> 
 
<div id="section1"></div> 
 
<div id="section2"></div> 
 
<div id="section3"></div> 
 
<div id="section4"></div> 
 
<div id="section5"></div> 
 
<div id="section6"></div> 
 
</div>

Answer 1

スクロールにアニメーションのSkrollr.jsをお試しください。これはかなり長い間更新されていませんが、あなたの要件に基づいてそれを与えるかもしれません。上記のあなたの質問に一致します。

Answer 2

スクロールでアニメーションを試してください。 あなたのコードにAOS ansのライブラリをダウンロードしてください。ここでは、ライブラリを見つけることができるリンクと、HTMLクラスでどのように使用できるかの完全な例を示します。 https://michalsnik.github.io/aos/