Firefox和IE JS滾動問題

Question

在這個頁面http://eisenpar.com/chocolate/index-free.html我試圖創建一個效果：如果你在頁面的頂部並進行滾動，頁面滾動窗口高度和固定出現導航。 它在Chrome，Opera和Edge中運行正常（我還沒有在Safari中測試過），但在Firefox和IE11中，這種效果崩潰了：它滾動到底部然后 - 到頂部沒有任何停頓。 在IE中它顯示導航，在FF中它沒有，只是將我發送到頁面的頂部。

這是我的效果的腳本：

var scrollBool = false;

jQuery(window).scroll(function() {

   var winHeight = window.innerHeight;
       navHeight = jQuery('nav').outerHeight();

    if (scrollBool == false) {

      scrollBool = true;

      if(jQuery('nav').hasClass('fixed')) {

        if (jQuery('body').scrollTop() + 10 < winHeight) {

          jQuery('nav').removeClass('fixed');

          jQuery("html, body").stop().animate({
            scrollTop: jQuery('header').offset().top
          }, 700, function() {
            scrollBool = false;
          }); 

        } else {
          scrollBool = false;
        }

      } else {

        if (jQuery('body').scrollTop() < winHeight) {

          if(jQuery('nav a, .link-block a').hasClass('in-scroll')) {

          } else {
            jQuery("html, body").stop().animate({
              scrollTop: jQuery('header').offset().top + winHeight
            }, 700, function() {
              scrollBool = false;
              jQuery('nav').addClass('fixed');

            }); 
          }
        } else {
          scrollBool = false;
        }
      }
    }

});

Answer 1

最后 - 修復。 FF有jQuery('body').scrollTop() ，它不能正確理解，如果我將其更改為jQuery(window).scrollTop() ，則一切jQuery(window).scrollTop()