Я строю новый веб-сайт, но у меня проблемы с задачей simpel - создание липкого nav.Позиция исправлена ошибка только в Firefox
Он отлично работает в Safari и Chrome, также в мобильных браузерах, но не в firefox.
Есть ли у кого-нибудь какие-либо ошибки в отношении того, что может быть неправильным?
PS. Сначала попробуйте веб-сайт в Safari. При выводе прокрутки вниз отображается Nav.
http://shakeinteractive.no/shkpress/
Ваш <html> стилизовано преобразования. Это означает, что все position: fixed в нем теперь привязаны к этому элементу, а не к окну просмотра. Поэтому, когда прокручиваются свитки <html>, также прокручивается #nav_scroll.
Соответствующее правило CSS выглядит следующим образом:
html, html a {
-webkit-font-smoothing: subpixel-antialiased;
transform: translate3d(0, 0, 0);
}
Обратите внимание, что это не использует -webkit-translate3d и в этот момент браузеры на основе WebKit/Blink являются единственными, которые не поддерживают префиксов CSS преобразования. Таким образом, это правило не устанавливает преобразование на <html> в Chrome или Safari, поэтому ваша страница работает там.
Спасибо - это сработало! – tskippe
Меню находится в верхней части вашего '# nav_scroll'. http://i.imgur.com/sGUgSQu.gif – mrzmyr
Что значит? Я сделал палочку #nav_scroll до фиксированного/липкого. Все эмэлементы внутри наг - это положение с абсолютным или относительным .. – tskippe