Простая страница с двухуровневым заголовком, где второй уровень находится вверху.
Вот скелет страницы: http://jsbin.com/cimobirimisi/9
Если вы измените размер браузера примерно до 630 пикселей по высоте и попытаетесь прокрутить вниз, вы заметите сбой прокрутки. Нет проблем в IE9, но Chrome и Firefox, похоже, затронуты.
Любая помощь приветствуется :)
Вы можете сместить div .content, когда к заголовку применяется класс .affix:
.header2.affix + .content {
margin-top: 82px;
}
Протестировано в FF32 и CH37 (извините, на этом ПК нет виртуальной машины IE9)
Демо: http://jsbin.com/cimobirimisi/15/
Проблема в том, что после применения класса .affix элемент .header2 наследует position: fixed. Это выводит блок .header.affix из своего места в DOM, в результате чего блок .content немедленно привязывается к верхней части страницы и скрывается под (теперь исправленным) блоком .header2.
