У меня есть сайт с начальной загрузкой в начале разработки, и я испытываю странное поведение от липкого навигатора. После прокрутки вниз в Chrome (и при прокрутке вначале в Firefox) навигационная панель сжимается до половины ее ширины. Может ли кто-нибудь подумать о причине для этого?Bootstrap Navbar (Прикрепленный Navbar) Изменяет размеры во время прокрутки
Вы можете увидеть демонстрацию этого поведения на http://studiomimo.com
Спасибо!
Похоже, вы используете как аффикс, так и scrollspy. Я не думаю, что вам нужно использовать оба вместе, и это, вероятно, вызывает проблемы. Вам было бы лучше просто использовать scrollspy.
Чтобы сделать это, изменить ваше тело тег к этому:
<body data-spy="scroll" data-target=".navbar" data-offset-top="50">
Затем измените NavBar DIV на это:
<div class="navbar navbar-inverse navbar-fixed-top">
Это остановит, что изменение размеров проблемы, позволяя в scrollspy работу. Тем не менее, если вы хотите, чтобы ваш Navbar быть меньше полной ширины, вы лучше не использовать navbar-fixed-top и вместо фиксации панели навигации в верхней части самостоятельно, делать что-то вроде:
@media (min-width: 481px) {
.navbar {
position: fixed;
z-index: 1030;
width: 80%;
margin: 20px auto;
}
}
Попробуйте это в вашем CSS в основывать нав-обертку идентификатор
HTML
<nav id="nav-wrapper" class="navbar-default" role="navigation" data-spy="affix" data-offset-top="60">
CSS
#nav-wrapper.affix {
top: 0 !important;
width: 100% !important;
}
он должен исправить вашу проблему изменения размера, привет!
Обновление: Это определенно вызвано функцией Scollspy, так как отключение этого прекращает это поведение. Тем не менее, не решен. – givemesnacks