css和webkit在改变滚动的背景时出现故障

Question

我在一个正在开发的网站上遇到了这个粘头的问题。我使用jquery对滚动进行了粘性更改，下面是代码。

jQuery(document).ready(function(){       
    var scroll_pos = 0;
    jQuery(document).scroll(function() { 
        if(jQuery(window).width()>990){ 
            scroll_pos = jQuery(this).scrollTop();
            if(scroll_pos > 10){ 
            if(!jQuery('#header_super_wrapper').hasClass('fixed_header')){
                jQuery('#header_super_wrapper').addClass('fixed_header');
            }
            if(jQuery("#logo > a > img").hasClass("standard")){
                jQuery("#logo > a > img").attr("src","/wp-content/uploads/2013/10/scrollNavLogoSmall.png");
            }
        } else {
            if(jQuery('#header_super_wrapper').hasClass('fixed_header')){
                jQuery('#header_super_wrapper').removeClass('fixed_header');
            }
            if(jQuery("#logo > a > img").hasClass("standard")){
                jQuery("#logo > a > img").attr("src","/wp-content/uploads/2013/10/logo_1_small.png");
            }
        }
    });
});

这里是css

.fixed_header{
    background-color: white;
    -webkit-box-shadow: 0px 0px 3px #aaaaaa;
    -moz-box-shadow: 0px 0px 3px #aaaaaa;
    box-shadow: 0px 0px 3px #aaaaaa;
    -webkit-transform: rotate(0deg);
    width: 100%;
    position: fixed;
    left: 0px;
    top:0px;
    display: block;
}
.fixed_header nav .menu > li.menu-item > a{
    color:#25aae1;
}

在Mozilla和Firefox上一切都很好，但当我在webkit (Chrome - Safari)上时，我看到了很多故障。站点的测试url为http://www.innovativedentallabs.com.php53 - 7. - dfw1 - 2. - websitetestlink.com/

有人建议在代码中添加-webkit-transform: rotate(0度)，但这不起作用。

我计划清理并将这些更改添加到css类中，但首先我需要解决这个问题。

如果能得到专家的帮助，我将不胜感激。

原谅我的英语不好

Answer 1

我刚刚找到了一个解决方案，可能不是最好的方法，但它有效。

我没有使用固定定位，而是使用jQuery计算元素的顶部值。

jQuery(window).scroll(function() {
    scroll_pos = jQuery(this).scrollTop();
    if(scroll_pos > 10) {                       
        jQuery('#header_super_wrapper').css('top', scroll_pos);
    } else {
        jQuery('#header_super_wrapper').css('top', 0);
    }
});

差不多就是这样了。

我希望有人能有一个css解决这个问题。