diff options
| author | user <user@clank> | 2026-08-30 20:14:48 +0200 |
|---|---|---|
| committer | user <user@clank> | 2026-08-30 20:14:48 +0200 |
| commit | 32acb4b7c6dfea3dcadbb660ef9eefb5abe0dd33 (patch) | |
| tree | 9a40d1d9d5b4b692a9ace1c803a37d960ac3dd30 /web | |
| parent | web: a one-line footer -- slosh is a sl0p.foo product (diff) | |
| download | slosh-32acb4b7c6dfea3dcadbb660ef9eefb5abe0dd33.tar.gz slosh-32acb4b7c6dfea3dcadbb660ef9eefb5abe0dd33.tar.xz slosh-32acb4b7c6dfea3dcadbb660ef9eefb5abe0dd33.zip | |
web: the magnet scroll goes
Proximity snapping, even with the doorway steps freed, still catches
some people's scrolling in ways worth no tour polish -- input devices
and browsers disagree too much about what proximity means. The
clickable steps and the smooth scrolling stay; a reader's wheel is
theirs again, everywhere.
Diffstat (limited to 'web')
| -rw-r--r-- | web/site.css | 14 |
1 files changed, 0 insertions, 14 deletions
diff --git a/web/site.css b/web/site.css index fec8085..0525c77 100644 --- a/web/site.css +++ b/web/site.css @@ -26,11 +26,6 @@ html { scroll-behavior: smooth; - /* Proximity, never mandatory: the browser magnets a stop landing *near* a - * step onto its centre -- which is the tour's activation point, so the - * rest position and the lit step agree -- and leaves momentum, half-reads - * and every section without a snap-align entirely alone. */ - scroll-snap-type: y proximity; /* The top colour, solid: what over-scroll rubber-banding shows, and the * canvas behind the body's gradient. */ background: var(--bg); @@ -509,12 +504,6 @@ section > p:last-child { margin-bottom: 0; } transition: opacity 0.25s; } -/* The magnet's targets: the interior steps only. The first and the last - * are the tour's doorways, and a snap field on a doorway is a hand pulling - * you back in while you are trying to leave -- the stuck feeling at the - * hero above and past the final demo below, where there is no next magnet - * to hand you off to and a wheel tick can never outrun the pull. */ -.step:not(:first-child):not(:last-child) { scroll-snap-align: center; } .step.active { opacity: 1; } /* A dimmed step is clickable everywhere -- the whole article glides itself @@ -557,9 +546,6 @@ section > p:last-child { margin-bottom: 0; } * .stage-pin's parent is only as tall as the player, so a sticky inside it * has nowhere to stick; .scrolly-stage is bounded by the whole tour. */ .scrolly { display: block; margin-top: 0; margin-bottom: 0; pointer-events: auto; } - /* One column: the sticky stage covers the upper part of the viewport, so - * a centre-snapped step would sit half beneath it. No magnet here. */ - html { scroll-snap-type: none; } .scrolly-stage { position: sticky; top: 0; |
