Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-30 08:32:07 -04:00
Code Issues Packages Projects Releases Wiki Activity

Disable scroll-snap on landing page

Browse Source
This commit is contained in:
shdrs
2026-06-01 20:19:37 +08:00
parent 5c390d6b3e
commit 5deea5664e
2 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/index.html
+11 -3
View File
@@ -25,9 +25,17 @@
--radius: 8px; --radius: 8px;
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-snap-type: y mandatory; scroll-padding-top: 60px; } html { scroll-behavior: smooth; scroll-padding-top: 60px; }
/* Each section is a full-viewport "page" with its content centered, so only /* REMOVED: "scroll-snap-type: y mandatory"
one shows at a time and the snap is obvious. */ 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.<<
PROBLEM: sections easily grow taller than 100vh IRL
This cause forced jumps mid-read. It's intrusive UX.
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;
static/landing.html
+11 -3
View File
@@ -25,9 +25,17 @@
--radius: 8px; --radius: 8px;
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-snap-type: y mandatory; scroll-padding-top: 60px; } html { scroll-behavior: smooth; scroll-padding-top: 60px; }
/* Each section is a full-viewport "page" with its content centered, so only /* REMOVED: "scroll-snap-type: y mandatory"
one shows at a time and the snap is obvious. */ 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.<<
PROBLEM: sections easily grow taller than 100vh IRL
This cause forced jumps mid-read. It's intrusive UX.
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;