http://workshop.wpcoder.com/daniel/tvexperts/
В Chrome, если вы нажмете "Производство", а затем "Связаться", позиция: фиксированный заголовок исчезает, но возвращается при перемещении колеса прокрутки. Я понятия не имею, в чем причина, и до сих пор я могу ее обнаружить только в Safari и Chrome, но Firefox в порядке, поэтому я считаю, что это ошибка веб-кита.
Собственно, если вы посмотрите его близко, в Firefox также есть такая же ошибка. Разница в том, что там он показывает меньше контента из предыдущей ссылки. Возможно, ваша проблема может быть решена, определяя в CSS значение min-height для divs ссылок.
div#contact {
min-height:700px;
height:auto
}
После локального теста я увидел настоящую проблему:). Я создал исправление .css и протестировал в Opera 11, Safari 5, Firefox, 3.6, Firefox 4.0 beta 11 и Chrome 9 все в Mac OS X. Файл имеет этот контент:
html, body {height:100%;overflow:auto}/* makes the the magic trick of disappearance, disappear */
#contact {min-height:700px;height:auto}/* makes the contact div h2 closer to the top */
Один из способов решения этой проблемы - заставить элементы фиксированной позиции в свои собственные уровни рендеринга. Это можно сделать, применив 3D-преобразование, например:
.navbar-fixed-top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
Надеюсь, что это поможет.
Регулировка высоты ничего не сделала для меня. Исправление проблемы с элементом фиксированной позиции, которое исчезает в Chrome для меня:
window.scrollTo(window.pageXOffset,window.pageYOffset-1);
По умолчанию фиксированные элементы позиции поднимаются на композитный слой как в Blink, так и в WebKit. Нет необходимости поднимать элементы фиксированного положения в Safari, поскольку они уже составлены.
Что вам нужно сделать, это наоборот. Вам нужно снять все нефиксированные элементы позиции с помощью translateZ (0):
http://newscentral.exsees.com/item/528d72c6d22fab46e4eb18e5cb8fece0-0d5a1eca143f58f995dc015e265514cb