2017-06-26 9 views
1

このページについてhttp://eisenpar.com/chocolate/index-free.html私はエフェクトを作成しようとしました。ページの上部にあり、スクロールすると、ページがウィンドウの高さでスクロールし、固定ナビゲーションが表示されます。 Chrome、Opera、Edge(私はまだSafariでテストしていません)では正常に動作しますが、FirefoxとIE11ではこのエフェクトがクラッシュします。一番下までスクロールしてから一番上までスクロールします。 IEではナビゲーションが表示されますが、FFでは表示されません。ページの先頭に移動します。 - 固定最後にFirefoxとIE JSスクロールの問題

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; 
     } 
     } 
    } 

}); 

答えて

0

は、ここでは、この効果のために私のスクリプトです。 FFにjQuery('body').scrollTop()の問題がありますが、正しく解釈されず、これを変更するとすべてが修正されますjQuery(window).scrollTop()

関連する問題