Я уверен, что это очень просто, но я довольно новичок в Bootstrap и даже html/css.Bootstrap 3 affix navbar становится прозрачным и непривлекательным при прокрутке и перекрытии содержимого
Я хочу, чтобы мой навигатор был после моего заголовка и прикреплялся к вершине, прокручивая его. Я получил эту работу, НО: navbar становится прозрачным и непривлекательным при прокрутке и над другим содержимым.
Как я могу это преодолеть?
Вот мой .html:
`
<div id="nav" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Your Company</a>
</div>
<div class="collapse navbar-collapse" style>
<ul class="nav navbar-nav">
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#everyday">Everyday</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</div>
`
Вот мой аффикс .css:
#nav.affix {
position: fixed;
top: 0;
width: 100%
}
Вот мой аффикса, связанные ЯШ:
$(function() {
$('#nav-wrapper').height($("#nav").height());
$('#nav').affix({
offset: { top: $('#nav').offset().top }
});
});
Спасибо!
Да! Наконец, работает. СПАСИБО! – user3096342
рад помочь вам! – luidgi27
Обратите внимание, что вы, возможно, не увидите исправление сразу после тестирования в Chrome Dev Tools (не тестировали это в Firefox или IE). Это помогло мне только после смены источника и загрузки страницы. Кроме того, даже после этого исправления по-прежнему возникает другая проблема с меньшей версией навигационной панели при прокрутке ее в Chrome 38.0.2125.111 (64-разрядная версия), но не в Firefox 33, хотя - когда содержимое навигатора становится скрытым цветом фона , – Herick