哈士奇WWW
2023-04-20 16:27:35
當(dāng)窗口加載帶有類預(yù)加載的 div 時,過渡 0.5s 不會消失;它立即消失。我想先用過渡 0.5s 消失然后添加顯示無window.addEventListener('load', () => { $('.preload').css({ 'opacity': '0', 'transition': '0.5s' }); }); $('.preload').css('display': 'none');
1 回答

交互式愛情
TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個贊
我認(rèn)為這是實(shí)現(xiàn)這一目標(biāo)的最短途徑。fadeOut是一個 jquery 方法,它創(chuàng)建一個動畫,用于淡入淡出效果,并在元素完全淡出時設(shè)置display為。參數(shù)是innone的時間。transitionmilliseconds
在這里檢查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>
添加回答
舉報
0/150
提交
取消