Question

我有this page，导航应该是固定的，但不起作用。可能是脚本问题？这是HTML：

<div id="navbar" class="navbar-collapse collapse">
   <ul class="nav navbar-nav">
      <li class="page-scroll"><a href="http://develop.nowcommu.myhostpoint.ch/">Home</a></li>
      <li><a class="page-scroll" href="/architektur.html">Architektur</a></li>
      <li><a class="page-scroll" href="/ausstattung.html">Ausstattung</a></li>     
      <li><a class="page-scroll" href="/table.html">Wohnungen</a></li>
      <li><a class="page-scroll" href="/lage.html">Lage</a></li>
      <li><a class="page-scroll" href="/galerie.html">Galerie</a></li>
      <li><a class="page-scroll selected" href="/kontakt.html">Kontakt</a></li>             
   </ul>
</div><!--/.nav-collapse -->

JS：

var logoBarHeight = $('.logo-bar').height();
$(document).on('scroll', function() { 
   if($(document).scrollTop() > logoBarHeight) {
      $('#navbar').addClass('navbar-fixed-top');
   } else {
      $('#navbar').removeClass('navbar-fixed-top');
   }
});

Answer 1

在dom ready

执行代码

<script> 
$(function(){
var logoBarHeight = $('.logo-bar').height();
$(window).on('scroll', function() { 
if($(window).scrollTop() > logoBarHeight){
$('#navbar').addClass('navbar-fixed-top');
} else {
$('#navbar').removeClass('navbar-fixed-top');
}
});
});

</script>

Answer 2

查看浏览器控制台。如果你是铬：在Windows和Linux上：Ctrl + Shift + J. 在Mac上：Cmd + Option + J

你会看到你的很多javascript资源都没有被加载。看到我在任何正在加载的文件中都看不到上面的JS代码，我假设你把它放在“cbpAnimatedHeader.js”中，它返回404.

Bootstrap：固定导航不起作用

2 个答案: