|
|
| 第1行： |
第1行： |
| /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | | /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ |
| /* 卡面 */ | | /* 卡面 */ |
|
| |
| window.addEventListener("scroll", () => { | | window.addEventListener("scroll", () => { |
| const scroll = window.scrollY; | | const bg = document.querySelector(".card_fullscreen-img"); |
| | |
| // 非常轻微位移（最多 20px 左右）
| |
| const offset = scroll * -0.03;
| |
| | |
| // 缩放最多 1.5%
| |
| const scale = 1 + Math.min(scroll / 8000, 0.015);
| |
| | |
| // 暗角最多 0.25 透明度
| |
| const vignette = Math.min(scroll / 1200, 0.25);
| |
|
| |
|
| document.documentElement.style.setProperty("--bg-offset", offset + "px"); | | if (window.scrollY > 10) { |
| document.documentElement.style.setProperty("--bg-scale", scale); | | bg.classList.add("scrolled"); |
| document.documentElement.style.setProperty("--vignette-opacity", vignette); | | } else { |
| | bg.classList.remove("scrolled"); |
| | } |
| }); | | }); |
2026年3月3日 (二) 18:21的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
/* 卡面 */
window.addEventListener("scroll", () => {
const bg = document.querySelector(".card_fullscreen-img");
if (window.scrollY > 10) {
bg.classList.add("scrolled");
} else {
bg.classList.remove("scrolled");
}
});
