Changeset 3ccca13 in Klonkt

Timestamp:

08/20/2026 11:22:51 AM (3 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

0490abe

Parents:

d9f60f4

Message:

Reader: tighten the snap catch zone to 12% of the viewport

Was 55%, which made sense when snapping still worked in both
directions; now that it only catches forward, that width felt like
being pulled while reading. 12% (~110px on a 910 screen) catches only
just before the line. Kept in step with the library's own
distanceThreshold — that one decides whether lenis/snap knocks at all.

Co-Authored-By: Claude Fable 5 <noreply@…>

Location:

src

Files:

• assets/js/mod/read.js (modified) (2 diffs)
• views/shell.ejs (modified) (1 diff)

src/assets/js/mod/read.js

@@ -359 +359 @@
   snap = new S.default(lenis, {
     type: 'proximity',
-    // DE VANGZONE. Gemeten op dev: de voet van een bericht (de link naar de
-    // reacties) staat 138 tot 472 pixels boven de bovenkant van het volgende.
-    // Met de oude 12% was de zone 86 pixels op een venster van 720, dus hij hapte
-    // pas ruim onder die voet toe. 55% is ~400 pixels: de zone begint nu rond de
-    // voet, wat Robin vroeg (20-8) -- eerder al snappen, boven de reacties.
-    // Wil je het nog eerder, dan is dit het enige getal dat je hoeft te draaien.
-    distanceThreshold: '55%',
+    // DE VANGZONE, en dit is HET getal om aan te draaien. Ooit 12%, toen 55%
+    // (20-8: eerder vangen, boven de reacties), en 21-8 terug naar 12% -- want
+    // sinds het snappen alleen nog vooruit werkt, voelde die brede zone als
+    // trekken tijdens het lezen. 12% is ~110 pixels op een venster van 910: hij
+    // vangt pas vlak vóór de lijn.
+    // Houd dit gelijk aan vangZone() hieronder: deze drempel bepaalt of
+    // lenis/snap überhaupt aanklopt, die andere of wij het doorlaten. Zet je
+    // deze lager dan die, dan komt onze regel nooit aan bod.
+    distanceThreshold: '12%',
     // Hoe lang na de laatste scrollbeweging hij mag vangen. De standaard is 500
     // en dat voelt als te laat. Op touch nog korter dan op desktop, want daar
@@ -426 +428 @@
   // en werd hier met een getal vergeleken -- altijd onwaar, dus deze terugval
   // heeft nooit gewerkt en alleen het doel dat lenis zelf koos kwam erdoor.
-  const vangZone = () => 0.55 * window.innerHeight;
+  const vangZone = () => 0.12 * window.innerHeight;   // gelijk aan distanceThreshold hierboven
   // Lenis' eigen `direction` is het teken van de snelheid, en die is bij het
   // afvuren van de (gedebouncede) snap alweer nul. Daarom onthouden we de

src/views/shell.ejs

@@ -505 +505 @@
   // Eén nummer voor de hele map. Te vaak bumpen kost één download; te weinig
   // bumpen kost een bugfix die nooit aankomt.
-  var MOD_V = 48;
+  var MOD_V = 49;
 
   // name -> 1 (aan het laden) of de module-namespace (geladen). Een module