2 回答

TA貢獻1846條經驗 獲得超7個贊
從文檔:
DOMContentLoaded 事件在初始 HTML 文檔已完全加載和解析時觸發,無需等待樣式表、圖像和子框架完成加載。
這意味著您的網頁將在執行回調之前呈現。

TA貢獻1812條經驗 獲得超5個贊
嘗試將您移動<script src="main.js"></script>到 html 正文的最底部,以便其他所有內容首先運行。我剛剛向項目中添加了一些動畫……我是這樣做的:
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");
}
添加回答
舉報