overflow:hiddenが指定されたブロック要素のスクロール時の挙動

Firefoxで確認
スタイルシートで下記の指定がされている要素について、スクロール時にscrollTopが0になる

overflow-y: hidden;
overflow-x: scroll;

確認方法としては下記のような感じになるかと。

  1. 上記のスタイルを指定したブロック要素を用意する
  2. width,heightやブロック要素の内容を調整し、横・縦ともにブロック要素からはみ出るようにする
  3. javascriptでscrollTopの値を変更する
  4. 水平スクロールバーを動かす

すると、垂直スクロールの位置が0に……
overflow-yとoverflow-xを逆にしても同様の現象が発生します。

どうやらIE8では起こらない模様。
他のブラウザは未確認。