使引导区导航栏在滚动时折叠

我正试图让我的Bootstrap导航栏在其非折叠状态&当我在普通桌面版本上滚动经过它时，它处于移动/折叠状态。

我曾尝试过使用jQuery，但这迫使我编写css更改，这些更改会导致jQuery中的一行一行地折叠，滚动顶端>像素数。

即使我做了上述操作，不幸的是，即使移动导航栏会出现，菜单选项也会一直在那里，点击汉堡时不会关闭。

我忍不住想肯定有一种更简单的方法可以做到这一点，但我对Bootstrap很陌生。

提前谢谢。

编辑，这是我尝试过的代码：

这个CSS导致导航栏在高级点切换到移动版本，我希望它：

@media (max-width: 1150px){
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-static-top { 
        position: fixed; 
        top: 0; 
        left: 0; 
        width: 100%; 
        margin: 0; 
    }

以下是我用来尝试在滚动超过50像素后将css应用于桌面标题的快速代码：

$(document).ready(function(){
    var $document = $(document);
    $document.scroll(function() {
      if ($document.scrollTop() >= 50) {
        /*$('.navbar-header').css('float', 'none');
        $('.navbar-toggle').css('display', 'block');
        $('.navbar-collapse').css('border-top', '1px solid transparent');
        $('.navbar-collapse').css('box-shadow', 'inset 0 1px 0 rgba(255,255,255,0.1)');
        $('.navbar-collapse.collapse').css('display', 'none !important');
        $('.navbar-nav').css('float', 'none !important');
        $('.navbar-nav').css('margin', '7.5px -15px');
        $('.navbar-nav>li').css('float', 'none');
        $('.navbar-nav>li>a').css('padding-top', '10px');
        $('.navbar-nav>li>a').css('padding-bottom', '10px');
        $('.navbar-text').css('float', 'none');
        $('.navbar-text').css('margin', '15px 0');
        $('.navbar-collapse.collapse.in').css('display', 'block !important');
        $('.collapsing').css('overflow', 'hidden!important');
        $('.navbar-static-top').css('position', 'fixed');
        $('.navbar-static-top').css('top', '0');
        $('.navbar-static-top').css('left', '0');
        $('.navbar-static-top').css('width', '100%');
        $('.navbar-static-top').css('margin', '0');*/
                  } else {
      }
    });
});