在Safari中查看粘滯菜單顯示錯誤

Question

我有一個建立在Wordpress上的網站，使用創世紀主題HERE。我最近實施了一個「粘滯菜單」。該菜單在Chrome，Opera和Firefox中很有用，但在Safari中有一個奇怪的圖形問題。在向下滾動時，在粘貼到適當位置之前，Safari中的菜單「從屏幕左側飛入」。它不會在滾動時做到這一點，只能向下。

我瀏覽過幾個論壇，並試圖找到解決方案。似乎這個問題可以在我的JS中解決，切換'窗口'和'文檔';但在這種情況下還沒有奏效。

這裏是我的JS，踢：

jQuery(document).ready(function($) { 
var $filter = $('.nav-primary'); 
var $filterSpacer = $('<div />', { 
    "class": "filter-drop-spacer", 
    "height": $filter.outerHeight() 
}); 


if ($filter.size()) 
{ 
    $(window).scroll(function() 
    { 
     if (!$filter.hasClass('fix') && $(window).scrollTop() > $filter.offset().top && window.innerWidth > 768) 
     { 
      $filter.before($filterSpacer); 
      $filter.addClass("fix"); 
     } 
     else if ($filter.hasClass('fix') && $(window).scrollTop() < $filterSpacer.offset().top) 
     { 
      $filter.removeClass("fix"); 
      $filterSpacer.remove(); 
     } 
    }); 
} 

}); 

Answer 1

找到這個問題的答案在另一個論壇。問題在於Safari如何呈現我的過渡CSS。刪除以下和所有運作良好：

-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;