ある程度スクロールするとじわっと表示させる - Qiita

<section class="fadein"> <!--何かしらの要素を入れる--> </section> $(function(){ $(window).scroll(function (){ $(".fadein").each(function(){ let imgPos = $(this).offset().top; let scroll = $(window).scrollTop(); let windowHeight = $(window).height(); if (scroll > imgPos - windowHeight + 250){ //ここの数値を変えて表示させる箇所を変更する $(this).addClass("fadein_scroll"); } else { $(this).removeClass("fadein_scroll"); } }); }); })