overflow:hiddenが指定されたブロック要素のスクロール時の挙動
Firefoxで確認
スタイルシートで下記の指定がされている要素について、スクロール時にscrollTopが0になる
overflow-y: hidden; overflow-x: scroll;
確認方法としては下記のような感じになるかと。
- 上記のスタイルを指定したブロック要素を用意する
- width,heightやブロック要素の内容を調整し、横・縦ともにブロック要素からはみ出るようにする
- javascriptでscrollTopの値を変更する
- 水平スクロールバーを動かす
すると、垂直スクロールの位置が0に……
overflow-yとoverflow-xを逆にしても同様の現象が発生します。
どうやらIE8では起こらない模様。
他のブラウザは未確認。