如何解决如何使addEventListener同步
当窗口以类预加载方式加载div时,过渡0.5s不会消失;它立即消失。我想先以过渡0.5s消失,然后再添加无显示
window.addEventListener('load',() => {
$('.preload').css({
'opacity': '0','transition': '0.5s'
});
});
$('.preload').css('display': 'none');
解决方法
我认为这是实现该目标的最短方法。 fadeOut
是一种jquery方法,可创建动画以产生淡入淡出效果,并在元素完全淡入淡出时将display
设置为none
。该参数是transition
中milliseconds
的时间。
在此处检查fadeOut
:fadeOut
$(window).on('load',() => {
$('.preload').fadeOut(500);
});
html,body{
margin: 0;
}
.preload {
height: 200px;
width: 100vw;
background: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="preload"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。