モバイルchromeのバグを修正する方法firefoxとchromeの違い

Question

モバイル版firefoxのすべてが完璧です。chromeには固定位置付けのバグがあります。 35ピクセル。しかし、そのちらつき。 Web開発のIm初心者です。私の最初の静的web siteです。 jqueryプラグインskrollrを使用しています。

HERESに私のjqueryのコード

$(window).scroll(function(){ 
     if ($(this).scrollTop() > 20) { 
     $('.menu ').addClass("sticky"); 
     } 
     else { 
     $('.menu').removeClass("sticky"); 
     } 
    }); 

と私のCSSコード

.menu { 
    position absolute; 
    background: white; 
    height: 65px; 
} 
.menu.sticky { 
    position:fixed; 
    height: 37px; 
    max-width: 480px; 
    padding: 0; 
    background: white; 
} 

すでに一週間は、この問題を解決するカント助けてください。

Answer 1

使用遷移：すべて0.4sイージーアウト。メニュークラス。必要に応じて、移行の遅延を調整することができます。 1つ以上のプラグインを追加する必要はありません。小さなjqueryコードとCSS3アニメーションでこれを簡単に処理できます。