Question

我对网络技术的了解主要是HTML和CSS。我已经使用了bootstrap和jQuery来让导航卡在滚动上，它做了一段时间然后在我开始添加新页面后停止了。这是我的JavaScript：

$('.carousel').carousel({
    interval: 5000 //changes the speed
})

$(document).ready(function() {
  $(window).scroll(function () {
    //if you hard code, then use console
    //.log to determine when you want the 
    //nav bar to stick.  
    console.log($(window).scrollTop())
    if ($(window).scrollTop() > 280) {
      $('#nav_bar').addClass('navbar-fixed');
    }
    if ($(window).scrollTop() < 281) {
      $('#nav_bar').removeClass('navbar-fixed');
    }
  });
});

这是my web page，您可以在其中查看问题。我该怎么办呢？

提前致谢

Answer 1

在您的javascript中，您希望将类nav-bar-fixed应用于ID为nav_bar的元素。但是，您没有将该ID放在任何元素上。

 if ($(window).scrollTop() > 280) {
   $('#nav_bar').addClass('navbar-fixed');
 }
 if ($(window).scrollTop() < 281) {
   $('#nav_bar').removeClass('navbar-fixed');
 }

但是，当我向<nav>添加ID时，它可以正常工作。它需要一些修改才能看起来很好，但它确实有效。 <nav id="nav_bar">

我猜测您使用自己创建的新页面时，只是错过了添加ID或复制了旧版本的代码等。

粘性导航菜单未正确粘贴到顶部

1 个答案: