粘滯導航菜單不能正確粘貼到頂部

我對網絡技術的瞭解主要是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你可以看到這個問題。我能做些什麼呢？

在此先感謝

來源

2016-06-27 Dee

在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'); 
}

但是，當我添加和ID到<nav>它的工作原理。它需要一些修改看起來不錯，但它確實工作。 <nav id="nav_bar">

我猜你創建新的頁面，你只是錯過了加入ID或複製舊版本的代碼等

來源

2016-06-27 17:46:56 EnigmaRM

謝謝SOOOO了，讓我抓狂這個！ :) – Dee

@Dee沒問題。繼續並標記爲已接受，以便解決類似問題的其他人可以找到答案。 – EnigmaRM

我該怎麼做，我在這裏是新的，我環顧四周，但似乎無法看到任何說「答案接受」 – Dee

粘滯導航菜單不能正確粘貼到頂部

回答

相關問題