滚动时降低边缘模糊

·2026年5月24日

在用户快速滚动时降低背景模糊。运动过程中的重度模糊会破坏感知上的流畅度，并加重 GPU 的负担。动态地降低模糊既能让界面保持清晰，又能提升性能。

let t;
 
const nav = document.querySelector(".navbar");
window.addEventListener("scroll", () => {
	nav.style.backdropFilter = "blur(8px)";
	clearTimeout(t);
 
	t = setTimeout(() => {
		nav.style.backdropFilter = "blur(24px)";
	}, 120);
});

继续探索