Bootstrap 3: Navbar не работает

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> 

не разместить полный код для навигации, как я только что получил стандарт на vbar с небольшими пожеланиями по настройке, помогите мне, почему это не работает

Answer 1

Я настраиваю скрипку с кодом и, кажется, работает правильно.

http://jsfiddle.net/t0gbdx64/

No code changes were made (stackoverflow requires a code block with a fiddle link) 

Answer 2

Вы можете добавить NavBar фиксированной вершины к классу нав, как это:

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

Посмотрите на эту скрипку

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