如何修复移动铬的错误关于固定位置。和Firefox和Chrome的区别

Question

在移动版本的Firefox中，一切都很完美。铬有固定位置的错误。当我滚动页眉时，必须将绝对位置改为固定位置和高度65到35像素。但其闪烁。 林开发新手在web开发。和它的第一个静态web site。 即时通讯使用jQuery插件skrollr。

继承人我的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缓出在.menu类。您可以根据需要调整转换延迟。还有一个你不需要为此添加任何插件。你可以很容易地处理这个小jQuery代码和CSS3动画。