部分捕捉到窗口（Firefox的問題）

Question

我寫了一個簡單的自定義欄目搶購劇本，作品在Chrome和Safari很大，但什麼也沒有發生在Firefox之後...

它是什麼呢：

當滾動停止時，它會檢查每個部分的方向和位置......如果部分的頂部在一定範圍內，則可以轉到頁面頂部或底部。 （滾動方向也被選中）。此外，它還考慮了固定標題的高度。就像我說的在Chrome和Safari中工作。任何想法有什麼不對？

$(document).ready(function() { 
    var animating = false; 
    var mainHeader = $('#main-header'); 

    var items = $("section"); 
    var lastOffset = 0; 
    var scrollDir = 'none'; 


    $(window).scroll(function() { 
     var windowHeight = $(this).height(); 
     var currOffset = $(this).scrollTop(); 
     var headerHeight = mainHeader.outerHeight(); 

     if (currOffset > lastOffset) { 
      scrollDir = 'down'; 
     } else { 
      scrollDir = 'up'; 
     } 
     lastOffset = currOffset; 



     clearTimeout($.data(this, 'scrollTimer')); 
     if (!animating) { 
      $.data(this, 'scrollTimer', setTimeout(function() { 
       items.each(function(key, value) { 
         var currentItem = $(value); 
         var sectionOffset = currentItem.offset().top; 
         var sectionDist = sectionOffset - currOffset; 
        if (scrollDir === 'up' && sectionDist > windowHeight*0.15 && sectionDist < windowHeight) { 
         animating = true; 
         $('body').animate({ scrollTop: sectionOffset-windowHeight + 'px' }, 250); 
         setTimeout(function() { animating = false; }, 300); 
         return false; 
        } 
        else if (scrollDir === 'down' && sectionDist < windowHeight*0.85 && sectionDist > 0) { 
         animating = true; 
         $('body').animate({ scrollTop: sectionOffset-headerHeight + 'px' }, 250); 
         setTimeout(function() { animating = false; }, 300); 
         return false; 
        } 
       }); 
      }, 200)); 
     } 
    }); 
}); 

Answer 1

找到答案在這裏... Animate scrollTop not working in firefox

的Firefox會將溢出在HTML水平，除非特別的風格來表現不同。

得到它的工作在Firefox，使用

$('body,html').animate(...);