🐈
スムーススクロール後、画面がガタつく
作成日:
2022/01/27
3
PCの時はclick
, SPの時はtouchend
でスムーススクロールを実装したが、動作後、なぜか画面がガタつく・・・。
調べたり、聞いたりした結果、onイベントが重複していた。
つまり、一回のクリックで2回イベント発火されていたことによる挙動だった。
なので、2度目のイベント発火時に1度目のイベントをoff
にする記述を追加することで、ガタつきが解消された。
原因解説記事
・クリックイベントが2回(複数回)動くのは、.on()の重複が原因だった
https://qiita.com/7note/items/213944920efcc0f77de8
書き方を参考にした記事
・【jQuery入門】off()によるイベント削除の方法まとめ!
https://www.sejuku.net/blog/61686
事業会社にてコーダーをしています。制作は6年目。
インプットしたことをアウトプットしています。