我编写了这个简单的jQuery onScroll
函数,当scrollTop()大于15时,它会添加一个类。这在Chrome,Firefox和Safari中可以100%运行。因为这会在 IE 中爆发,我不知道为什么。有人可以就此提出建议:)谢谢。在下面找到我的代码。
HTML:
<div class="promo-header">
<img src="imgs/promo-header.jpg" alt="" />
</div>
SCSS:
.promo-header {
background-size: cover;
display: none;
overflow: hidden;
position: relative;
transition: visibility .3s, height .3s;
visibility: hidden;
will-change: visibility, height;
&.is-hidden {
height: 0;
visibility: hidden;
}
}
jQuery的:
$(window).on('scroll', function() {
if($(this).scrollTop() >= 15) {
$('.promo-header').addClass('is-hidden');
}
})