Недавно я зашел в свой навигационный бар, чтобы действовать как липкая панель навигации, которая придерживается верхней части моей страницы после прокрутки вниз до определенной точки, однако, когда я добираюсь до нижней части моей страницы, весь навигационный бар мерцает, и даже иногда исчезает. Подумайте об этом как о старом телевизоре, который будет мерцать, и вы в конечном итоге окажетесь на стороне, чтобы остановить мерцание. Как бы я ударил свой навигационный бар, чтобы он не мерцал. Здесь - мой сайт, чтобы вы могли засвидетельствовать всю славу мерцания.
Вот мой HTML для навигации:
<div id="nav-wrapper">
<div id="nav" class="navbar navbar-inverse affix-top" data-spy="affix">
<div class="navbar-inner" data-spy="affix-top">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="#home">Home</a></li>
<li><a href="#service-top">Services</a></li>
<li><a href="#contact-arrow">Contact</a></li>
</ul><!--/.nav-->
</div><!--/.nav-collapse collapse pull-right-->
</div><!--/.container-->
</div><!--/.navbar-inner-->
</div><!--/#nav /.navbar navbar-inverse-->
</div><!--/#nav-wrapper-->
И вот мой JS:
<script>
$(document).ready(function() {
$('#nav-wrapper').height($("#nav").height());
$('#nav').affix({
offset: 675
});
});
</script>
Важно отметить, что это началось только после того, как я изменил смещение в моем JS от offset: $('#nav').position()
до offset: 675
. Вы могли бы сказать, просто измените его, но со старым смещением мой липкий nav прыгнет преждевременно на вершину.
Спасибо за помощь, которую вы можете мне предоставить!