Jquery Chrome iOS应用程序中的粘性标题不';在停止滚动之前,不要设置动画

Jquery Chrome iOS应用程序中的粘性标题不';在停止滚动之前,不要设置动画,jquery,css,google-chrome,sticky,Jquery,Css,Google Chrome,Sticky,有没有办法在页面滚动时触发粘性标题的动画,而不是等待页面停止滚动?在Chrome的iOS应用程序中,直到页面停止滚动,粘性标题才会对我生效。在Safari中,它会立即发生,这正是我希望它能做到的: 这是我的css .header-home { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header-home.sticky { background: #ffffff; he

有没有办法在页面滚动时触发粘性标题的动画,而不是等待页面停止滚动?在Chrome的iOS应用程序中,直到页面停止滚动,粘性标题才会对我生效。在Safari中,它会立即发生,这正是我希望它能做到的:

这是我的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%;
}

多年来我一直在努力解决这个问题。没人回答这一点也不奇怪。尝试了固定、绝对(+top=scrollTop)的不同组合,没有转换,什么都不起作用。这是一个愚蠢的拖延,我多年来一直在努力解决这个问题。没人回答这一点也不奇怪。尝试了固定、绝对(+top=scrollTop)的不同组合,没有转换,什么都不起作用。这是愚蠢的拖延。
.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%;
}