menu
書いてる野郎
orebike@gmail.com
スクロールアンカリング処理をコントロールする方法。
コンテンツに変化があった場合(それによりページの配置が変わる場合)に、 ブラウザはユーザーが今見ている位置をできる限り維持しようとして、勝手にスクロールする。 この挙動をスクロールアンカリングと言う。
しかし、overflow 指定によりスクロールできる部分が複数(2重構造)あったり、textarea があったりすると、 その挙動が意図しないジャンプを引き起こしたりする。
そのためその要素に対して、このように指定することにより対象外としてその問題を回避できる場合がある
#hoge{ overflow-anchor: none; }
これはデフォルト値が auto
になっていて自動的に有効になっているので、それを抑止するという設定になる。
HTMLの構造として親の指定が有効になり親で無効化しておいて任意の要素だけ有効化ということはできない。