Изменение класса во время прокрутки прыгает на вершину

Question

Я пытаюсь сделать div для предупреждений, чтобы

1. Оповещения сразу под заголовком, когда заголовок виден на экране
2. Оповещения находятся в верхней части экрана, когда заголовок прокручивается за пределы экрана.

Когда я делаю это (я пробовал jquery и twitter bootstrap), и я перетаскиваю полосу прокрутки вниз, полоса прокрутки переходит наверх, когда класс css элемента изменяется.

Я работаю в Chrome, v38.0.2125.104

Запустите это с шириной 750 пикселей или меньше, чтобы увидеть проблему: http://jsbin.com/jenibimaze/1

Answer 1

Оказывается, что добавление / удаление горизонтальной полосы прокрутки заставляло страницу прыгать наверх.

Я смог сделать горизонтальную полосу прокрутки последовательной, добавив переполнение: ни одного к CSS.