ページの特定の場所に到達するまでDIVが表示されませんか？

Question

divがページ上のある点に達するまで表示させたくなかった。

マイコード：

$(window).on('scroll', function() { 
    var y_scroll_pos = window.pageYOffset; 
    var scroll_pos_test = 50;   

    if(y_scroll_pos > scroll_pos_test) { 
     $('.divclass').addClass('animated bounceInLeft'); 
    } 
    else { 
     $('.divclass').hide(); 
    } 

私の問題：

ページがリロードされるときのdivが表示されています。下にスクロールすると、divがフェードアウトし、アニメーションがリループされます。上にスクロールすると、div全体が消えて、その場所にスクロールできなくなります。

Answer 1

最初にdivを非表示にする必要があります。これを行うには、div display:noneにスタイルを追加するか、jqueryで下のdivを非表示にすることができます。