スクロールに合わせて要素にクラス名を追加する処理で下記参考ページのように
単純にスクロールイベントがある毎に実行すると負荷が大きそうに思うんですが、
そこまで気にする必要ないレベルでしょうか。
https://qiita.com/AsagiriDesign/items/0ec5623755c1d633bc85
javascript
1$(window).scroll(function() { 2 $(".animation .anm_mod").each(function() { 3 const position = $(this).offset().top; 4 const scroll = $(window).scrollTop(); 5 const windowHeight = $(window).height(); 6 if (scroll > position - windowHeight) { 7 $(this).addClass("active"); 8 } 9 if (scroll < 100) { 10 $(this).removeClass("active"); 11 } 12 }); 13});
要素が数十個あった時などはそれなりに、負荷はかかりそうですが
自分がそういう実装のサイトを見ていても気づくことはないだろうとも思います。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/23 01:02