2 回答

TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊
從文檔:
DOMContentLoaded 事件在初始 HTML 文檔已完全加載和解析時(shí)觸發(fā),無需等待樣式表、圖像和子框架完成加載。
這意味著您的網(wǎng)頁(yè)將在執(zhí)行回調(diào)之前呈現(xiàn)。

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
嘗試將您移動(dòng)<script src="main.js"></script>到 html 正文的最底部,以便其他所有內(nèi)容首先運(yùn)行。我剛剛向項(xiàng)目中添加了一些動(dòng)畫……我是這樣做的:
window.onload(animations());
function animations(){
const tl = gsap.timeline({defaults: {ease: "power1.out"}});
tl.to(".intro", {y: "-100%", duration: 1, delay: 1});
tl.fromTo(".intro", {opacity: 1}, {opacity: 0, duration: 1}, "-=1");
tl.fromTo(".card", {y: "100%"}, {y: "0%", duration: 1, stagger: 0.25}, "-=1");
tl.fromTo("#logo-blk", {y: "-400%", rotation: "-30"}, {y: "-100%", rotation: "0",
duration: 0.5}, "-=0.5");
}
添加回答
舉報(bào)