Проблема с странным webkit с позицией: исправлена

http://workshop.wpcoder.com/daniel/tvexperts/

В Chrome, если вы нажмете "Производство", а затем "Связаться", позиция: фиксированный заголовок исчезает, но возвращается при перемещении колеса прокрутки. Я понятия не имею, в чем причина, и до сих пор я могу ее обнаружить только в Safari и Chrome, но Firefox в порядке, поэтому я считаю, что это ошибка веб-кита.

Ответы

Ответ 1

Собственно, если вы посмотрите его близко, в 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 */

Ответ 2

Один из способов решения этой проблемы - заставить элементы фиксированной позиции в свои собственные уровни рендеринга. Это можно сделать, применив 3D-преобразование, например:

.navbar-fixed-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

Надеюсь, что это поможет.

Ответ 3

Регулировка высоты ничего не сделала для меня. Исправление проблемы с элементом фиксированной позиции, которое исчезает в Chrome для меня: window.scrollTo(window.pageXOffset,window.pageYOffset-1);

Ответ 4

По умолчанию фиксированные элементы позиции поднимаются на композитный слой как в Blink, так и в WebKit. Нет необходимости поднимать элементы фиксированного положения в Safari, поскольку они уже составлены.

Что вам нужно сделать, это наоборот. Вам нужно снять все нефиксированные элементы позиции с помощью translateZ (0):

http://newscentral.exsees.com/item/528d72c6d22fab46e4eb18e5cb8fece0-0d5a1eca143f58f995dc015e265514cb