スクロールイベントやマウスホイールイベントをlodashのthrottleで間引いていい感じにしよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、まろCです。 今日は、スクロールでギュインギュイン動くサイトを作るときに、そのイベントの制御をうまいことやってみようという記事になります。 イベントの問題点 通常、scrollやmousewheelをaddEventListenerすると、そのイベントごとに処理が走ります。デュルルルって移動させると、そのデュルルルの間に20回くらい処理が走ることになります。 それはブラウザにとって負担になりますし、処理自体が何度も走ることで意図しない動きが発生します。つまり、バグってるなと思われて、ディレクターやデザイナー、そのサイトを見ている全ての人々に“伝わらないサイト”として認定されてしまします。 そうなったら悲しみです。得るはずだった喜びが全て深い深い闇に消え、それを救い出す方法さえも見つけられないまま過ごす日々に生きがいを見出すことができるのでしょうか？ throttle あなたの素

[komz]

スクロールイベントやマウスホイールイベントをlodashのthrottleで間引いていい感じにしよう | それいけ！フロントエンド