エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
要素を入れ替えたときにスクロール位置が追従することがあるみたい - 無駄と文化
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
要素を入れ替えたときにスクロール位置が追従することがあるみたい - 無駄と文化
JavaScript を使って画面上の要素を入れ替えたとき、スクロール位置が勝手に動いて画面がカクつくという... JavaScript を使って画面上の要素を入れ替えたとき、スクロール位置が勝手に動いて画面がカクつくという現象に遭遇しました。調査して分かったことをまとめます。 まずはデモをご覧ください todays-mitsui.github.io カラフルな <div> が並んでいて、右上のボタンを押すとすぐ上の要素と位置が入れ替わるデモを作りました。 ボタンを押すとすぐ上の要素と入れ替わる ここまではなんの変哲もありません。ところが、まったく同じコードでも要素が大きくなると違う挙動になります。 すぐ上の要素と入れ替わる、と同時にスクロール位置がシフトする ボタンを押すと同時にスクロール位置がシフトしているのが分かります。背景に敷いてある「01, 02, 03, 04, ...」の数字に着目すると分かりやすいかも。 この記事ではどのような条件でスクロールシフトするのか調べてみます。 目次 まずはデモ