Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rosary: snap mystery images instantly at edges
All checks were successful
CI / update (push) Successful in 1m27s
Details

Browse Source 
When jumping to the top or bottom of the rosary, snap the mystery
image column instantly instead of smooth scrolling.
This commit is contained in:
Alexander Bocken
2026-02-12 17:37:28 +01:00
parent 7901d56b5b
commit 2f711c66b0
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/[faithLang=faithLang]/[rosary=rosaryLang]/+page.svelte
View File

@@ -182,12 +182,19 @@ $effect(() => {
const targetName = getMysteryScrollTarget(activeSection); const targetName = getMysteryScrollTarget(activeSection);
const targetEl = mysteryImageContainer.querySelector(`[data-target="${targetName}"]`); const targetEl = mysteryImageContainer.querySelector(`[data-target="${targetName}"]`);
if (targetEl) { if (targetEl) {
const isEdge = targetName === 'before' || targetName === 'after';
const rem = parseFloat(getComputedStyle(document.documentElement).fontSize); const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
// Edge pads (before/after): scroll flush so previous image hides behind the header // Edge pads (before/after): scroll flush so previous image hides behind the header
const offset = targetName === 'before' || targetName === 'after' const offset = isEdge ? 0 : rem * IMAGE_COL_HEADER_OFFSET;
? 0 const target = Math.max(0, targetEl.offsetTop - offset);
: rem * IMAGE_COL_HEADER_OFFSET; if (isEdge) {
scrollMysteryImage(Math.max(0, targetEl.offsetTop - offset)); // Snap instantly when jumping to top/bottom
if (mysteryScrollRaf) cancelAnimationFrame(mysteryScrollRaf);
mysteryScrollRaf = null;
mysteryImageContainer.scrollTop = target;
} else {
scrollMysteryImage(target);
}
} }
}); });