エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
スクロールイベントの負荷を軽減しつつpagetopへスムーススクロールさせる(イベント発火回数比較) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スクロールイベントの負荷を軽減しつつpagetopへスムーススクロールさせる(イベント発火回数比較) - Qiita
少しスクロールするとふわっと表示されてクリックするとページ上部にひゅ〜んとスムーススクロールする... 少しスクロールするとふわっと表示されてクリックするとページ上部にひゅ〜んとスムーススクロールするボタンを実装する機会結構ありますよね? で、jQueryで$(window).on('scroll', function〜でスクロール量が○○以上になったらfadeInして〜とかやると思うのですが、何もしないとスクロールのたびにものすごい数処理が走ってしまいます。 なので、何らかの方法でスクロールイベントの負荷軽減をしつつ実装するかと思うのですが、その方法を少し比較しつつ実際に使えるコードとして残しておきたいと思います。 スクロールイベント比較DEMO デモの右下に表示されているボタンがそれぞれ (1) 負荷軽減なし (2) setTimeout使う (3) _.throttle関数使う になっています。 setTimeoutを使う var timer = null; $(window).on(