Chrome iOS iOS应用中的粘滞标题在滚动停止之前不会生成动画

Question

有没有办法让页面滚动时触发粘贴标题的动画，而不是等待页面停止滚动？在Chrome的iOS应用中，在页面停止滚动之前，粘性标题并不适合我。在Safari中，它会马上发生，这就是我喜欢它：

http://sdchamber.org

// Sticky Header - Home
$(window).scroll(function() {
    if ($(this).scrollTop() > 1){  
        $('#header-home').addClass("sticky");
    }
    else{
        $('#header-home').removeClass("sticky");
    }
});

这是我的css

.header-home {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-home.sticky { 
    background: #ffffff;
    height: 130px;
    left: 0;
    margin: 0px;
    padding: 15px 0px 10px;
    position: fixed;
    width: 100%;
}