jquery - 滚动响应 Bootstrap 中的固定 header 损坏？

Question

经过反复试验，我设法让菜单按我想要的方式缩放。我遇到的问题是在移动 View 中。部分菜单保持固定，其他部分仍在滚动。我不知道我在代码中哪里出错了。

这是我的标记。

<header class="top-head">
      <div class="col-xs-4 pull-left"></div>
        <div class="dclogo"></div>

        <div class="col-xs-12 col-md-6 col-lg-5 pull-right eye_brow">
          <div class="pull-right">
            <a href=""><i class="glyphicon glyphicon-comment"></i>  Stuff<a/>
            <a href=""><i class="glyphicon glyphicon-question-sign"></i>  Stuff</a>
          </div>

          <br/>

          <div class="pull-right sub_settings">
            <span class="bld">Stuff Stuff</span> | <a href="">Stuff Settings</a> | <a href="">Stuff</a> | <a href="">Stufft</a>
          </div>
        </div>

    </header>

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

这是我的功能。

jQuery(function($){
    $('.navbar-toggle').click(function(){
    $('.navbar-collapse').toggleClass('rght');
    $('.navbar-toggle').toggleClass('indexity');
  });
});

$(window).scroll(function () {
  if ($(window).scrollTop() >= 6) {

    $('.navbar').addClass('navbar-fixed-top');
    $('.navbar ').addClass('navbar-fixed-top');
  } else {

    $('.navbar').removeClass('navbar-fixed-top');
  }
});

$('.nav li.dropdown').hover(function() {
  $(this).addClass('open');
}, function() {
  $(this).removeClass('open');
});

$('a.page-footer__links-column-expansion-link').click(function() {
  $(this).parent().toggleClass('page-footer__section--expanded')
})   

//Navbar Toggle

$(".navbar-toggle").on("click", function () {
    $(this).toggleClass("active");
});

///////////////////////////////////////////////////

$(window).scroll(function () {

    if ($(window).scrollTop() >= 1) {
        $('.hdd').addClass('fixxedd');
        //$('.top-head').addClass('fixxed');
        $('.navbar-toggle').addClass('fixxedr');
        //$('.navbar-nav > li:firtst-child').addClass('blkk');
        $('.nav > li.dclogo_wht').removeClass('non');

    } else {
        $('.hdd').removeClass('fixxedd');
        //$('.top-head').removeClass('fixxed');
        $('.navbar-toggle').removeClass('fixxedr');
        //$('.navbar-nav > li:firtst-child').removeClass('blkk');
        $('.nav > li.dclogo_wht').addClass('non');
    }

});

这是包含所有内容的 jsfiddle。 https://jsfiddle.net/galnova/qhwnhwL1/15/

我已经快搞定了，我就是无法阻止标题的一部分滚动，我也不知道为什么。

Answer 1

在移动 View 中移除 navbar-toggle fixxedr 和 navbar-fixed-top。