24-1: public design foundation (stylesheet, script, fonts, layout) — implemented, QA Review
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
let onScroll = null;
|
||||
|
||||
export function init() {
|
||||
const bar = document.querySelector('.site-progress');
|
||||
const nav = document.getElementById('site-nav');
|
||||
|
||||
onScroll = () => {
|
||||
const max = document.documentElement.scrollHeight - window.innerHeight;
|
||||
const p = max > 0 ? window.scrollY / max : 1;
|
||||
|
||||
if (bar) bar.style.transform = `scaleX(${p})`;
|
||||
nav?.classList.toggle('scrolled', window.scrollY > 8);
|
||||
};
|
||||
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
onScroll();
|
||||
}
|
||||
|
||||
export function destroy() {
|
||||
if (onScroll) window.removeEventListener('scroll', onScroll);
|
||||
onScroll = null;
|
||||
}
|
||||
Reference in New Issue
Block a user