引导:修复了导航不起作用的问题

Bootstrap: Fixed navigation does not works

本文关键字：不起作用 问题 导航 引导      更新时间：2023-09-26

我有这个页面，导航应该被修复，但不起作用。可能是脚本问题？这是 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');
   }
});

在 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>

在浏览器控制台中查找。如果您使用的是镶版式：在 Windows 和 Linux 上：Ctrl + Shift + J在 Mac 上：cmd + 选项 + j

你会看到很多javascript资源没有被加载。看到我在正在加载的任何文件中都没有看到上面的 JS 代码，我假设您已经将其放在返回 404 的"cbpAnimatedHeader.js"中。

相关文章：