Jquery Chrome iOS应用程序中的粘性标题不';在停止滚动之前,不要设置动画
有没有办法在页面滚动时触发粘性标题的动画,而不是等待页面停止滚动?在Chrome的iOS应用程序中,直到页面停止滚动,粘性标题才会对我生效。在Safari中,它会立即发生,这正是我希望它能做到的: 这是我的cssJquery 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
.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%;
}