javascript - Bootstrap 3 :navbar not working

Question

我试图在向下滚动时将顶部导航固定在顶部，以下是我的代码不起作用，请帮助我

JS

$(document).ready(function () {
    var menu = $('.menu');
    var origOffsetY = menu.offset().top;

    function scroll() {
        if ($(window).scrollTop() >= origOffsetY) {
            $('.menu').addClass('sticky');

        } else {
            $('.menu').removeClass('sticky');

        }
   }
    document.onscroll = scroll;
});

CSS

.sticky {
    position: fixed;
    top: 0;
}

<div class="container-fluid  menu">
       <nav class="navbar navbar-default ">
    <div class="container" >
    <div class=" col-xs-3 visible-xs">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

没有发布完整的导航代码，因为我刚刚获得带有一些自定义功能的标准导航栏请帮助我，为什么它不起作用

Answer 1

您可以将 navbar-fixed-top 添加到您的导航类中，如下所示:

<nav class="navbar navbar-default navbar-fixed-top">

看看这个 fiddle

http://jsfiddle.net/7g4qt7kk/18/