diff --git a/SKIP/js/fade.js b/SKIP/js/fade.js index 7faf32a..60fb298 100644 --- a/SKIP/js/fade.js +++ b/SKIP/js/fade.js @@ -1,19 +1,18 @@ $(function(){ $(window).scroll(function() { - // fadeinクラスに対して順に処理を行う + $('.fadein').each(function() { - // スクロールした距離 + let scroll = $(window).scrollTop(); - // fadeinクラスの要素までの距離 + let target = $(this).offset().top; - // 画面の高さ + let windowHeight = $(window).height(); - // fadeinクラスの要素が画面下にきてから200px通過した - // したタイミングで要素を表示 + if (scroll > target - windowHeight + 200) { $(this).css('opacity','1'); $(this).css('transform','translateY(0)'); } }); }); -}); \ No newline at end of file +});