jquery - スクロール中にクラスを変更すると先頭にジャンプ

Question

アラート用のdivを作成しようとしています

1. 画面にヘッダーが表示されている場合、アラートはヘッダーのすぐ下にあります。
2. ヘッダーが画面の外にスクロールされると、アラートは画面の上部に表示されます。

それを行うと（jqueryとtwitterのブートストラップを試しました）、スクロールバーを下にドラッグすると、要素のcssクラスが変更されるとスクロールバーが一番上にジャンプします。

Chrome、v38.0.2125.104 で実行しています

問題を確認するには、幅 750px 以下でこれを実行してください: http://jsbin.com/jenibimaze/1

Answer 1

水平スクロールバーの追加/削除により、ページが先頭にジャンプしていたことが判明しました。

CSSにoverflow:noneを追加することで、水平スクロールバーを一貫させることができました。