helm/ulysses
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Disable scroll-snap on landing page

Browse source
This commit is contained in:
shdrs 2026-06-09 09:02:41 +08:00
parent c0d8c4de3e
commit 1ef50279fb
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
static/landing.html
View file

@ -26,16 +26,15 @@
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 60px; } html { scroll-behavior: smooth; scroll-padding-top: 60px; }
/* REMOVED: "scroll-snap-type: y mandatory" /* REMOVED: "scroll-snap-type: y proximity"
The idea was: >>Each section is a full-viewport "page" with its content centered, The idea was: >>Each section is a full-viewport "page" with its content centered,
so only one shows at a time and the snap is obvious.<< so only one shows at a time and the snap is obvious.<<
PROBLEM: sections easily grow taller than 100vh IRL PROBLEM: sections easily grow taller than 100vh IRL
This cause forced jumps mid-read. It's intrusive UX. This cause forced jumps mid-read. It's intrusive UX.
The landing-page is not a PowerPoint presentation!
Preserved: CSS snap-points to avoid destroying code meta-data Preserved: CSS snap-points to avoid destroying code meta-data*/
Less intrusive version: "scroll-snap-type: y proximity"
For now: fully removed (bad UX)*/
.hero, section { .hero, section {
scroll-snap-align: start; min-height: 100vh; scroll-snap-align: start; min-height: 100vh;
display: flex; flex-direction: column; justify-content: center; display: flex; flex-direction: column; justify-content: center;