Navbar Delayed Affix to Top

Question

По какой-то причине navbar привязывается к вершине только после того, как страница почти полностью загружена. Это создает необычную паузу, в которой navbar плавает чуть ниже верхней части страницы без добавленных атрибутов форматирования.

Я бы опубликовал источник, но я действительно не уверен, что может быть причиной этой ошибки, и я не могу указать на определенную строку кода. Тем не менее, я использую стандартный шаблон Bootstrap, а оставшийся исходный код моего сайта можно найти через стандартный метод «Просмотр страницы» (мой отредактированный CSS находится под «css/main.css»).

http://www.radioairlift.org

Спасибо!

Answer 1

К счастью, вам не нужно использовать подключаемый модуль Bootstrap Affix, чтобы делать то, что вы хотите! В Bootstrap 2.3.2 есть класс .navbar-fixed-top. Цитирую their docs:

Добавить .navbar фиксированной верхней и помнить, чтобы учесть скрытую область под ним, добавляя по крайней мере 40px отступы к. Обязательно добавьте это после основного Bootstrap CSS и перед дополнительным отзывчивым CSS.

Так все, что вы хотите сделать, это удалить класс .affix из #nav и удалить позицию: относительный, что вы добавляете в файл CSS в навигационный идентификатор.

Answer 2

Задержка при загрузке и обработке загрузочного javascript. Bootstrap добавляет класс «affix» к вашему nav, который изменяет положение от «относительного» до «фиксированного» (наряду с некоторыми другими свойствами).

Возможно, вы можете добавить класс «affix» в #nav в исходный код HTML и избежать изменения стиля.