タグ

ブックマーク / qiita.com/MikaShirahama (1)

  • スクロールイベントの負荷を軽減しつつpagetopへスムーススクロールさせる(イベント発火回数比較) - Qiita

    少しスクロールするとふわっと表示されてクリックするとページ上部にひゅ〜んとスムーススクロールするボタンを実装する機会結構ありますよね? で、jQueryで$(window).on('scroll', function〜でスクロール量が○○以上になったらfadeInして〜とかやると思うのですが、何もしないとスクロールのたびにものすごい数処理が走ってしまいます。 なので、何らかの方法でスクロールイベントの負荷軽減をしつつ実装するかと思うのですが、その方法を少し比較しつつ実際に使えるコードとして残しておきたいと思います。 スクロールイベント比較DEMO デモの右下に表示されているボタンがそれぞれ (1) 負荷軽減なし (2) setTimeout使う (3) _.throttle関数使う になっています。 setTimeoutを使う var timer = null; $(window).on(

    スクロールイベントの負荷を軽減しつつpagetopへスムーススクロールさせる(イベント発火回数比較) - Qiita
  • 1