5 ms·

You did a fantastic job; very to-the-point with effective visualisations. Kudos! One very minor note: if your scroll device reports pixel-perfect deltas rather

You did a fantastic job; very to-the-point with effective visualisations. Kudos! One very minor note: if your scroll device reports pixel-perfect deltas rather than discrete scroll-wheel ticks (e.g. logitech mx master, laptop touchpad, etc), the behaviour in the word search box is a bit weird. Arrow keys work fine though.

Labo333 20d ago
Thank you! I did test it with my mac touchpad without issue. Maybe the problem is that I wanted to make discrete scroll-wheel ticks work. I just tried a fix by normalising deltaMode to pixels. If you could just paste this in your console, I would have a better idea: document.querySelector('.wall').addEventListener('wheel', e => console.log(e.deltaMode, e.deltaY.toFixed(2), e.defaultPrevented ? 'PAGE' : 'native'), true)
- customguy 20d ago
  FWIW I got a bunch of "(-)10.00 native" in the console, "PAGE" never showed up no matter what I tried. Firefox, also a Logitech mouse, no trackpad though.
imp0cat 20d ago
On a compatible Logitech device, browsing through the word search box benefits a lot from enabling hyperscroll.
- Labo333 20d ago
  G502 user here! I also put a draggable scrollbar for the less lucky :)
  - imp0cat 20d ago
    > Some believe what separates men from animals is our ability to reason. Others say it’s language or romantic love, or opposable thumbs. Living here in this lost world, I’ve come to believe it is more than our biology. What truly makes us human is our ability to hyperscroll! > Arthur Conan Doyle, The Lost World
- wafflemaker 20d ago
  For those who didn't know (like me 5 min ago): Hyperscroll - special mode turned on with a button next to scroll that turns off scroll friction and let's you scroll into infinity (wheel keeps turning after you lift your finger).
  - imp0cat 19d ago
    Yeah, it takes some getting used to (the wheel is VERY sensitive to even the smallest finger movements), but when you get used to it, it's clearly superior to a regular scrollwheel. Much less finger fatique.

Labo333 20d ago

Thank you! I did test it with my mac touchpad without issue. Maybe the problem is that I wanted to make discrete scroll-wheel ticks work. I just tried a fix by normalising deltaMode to pixels. If you could just paste this in your console, I would have a better idea: document.querySelector('.wall').addEventListener('wheel', e => console.log(e.deltaMode, e.deltaY.toFixed(2), e.defaultPrevented ? 'PAGE' : 'native'), true)

customguy 20d ago
FWIW I got a bunch of "(-)10.00 native" in the console, "PAGE" never showed up no matter what I tried. Firefox, also a Logitech mouse, no trackpad though.

imp0cat 20d ago

On a compatible Logitech device, browsing through the word search box benefits a lot from enabling hyperscroll.

Labo333 20d ago
G502 user here! I also put a draggable scrollbar for the less lucky :)
- imp0cat 20d ago
  > Some believe what separates men from animals is our ability to reason. Others say it’s language or romantic love, or opposable thumbs. Living here in this lost world, I’ve come to believe it is more than our biology. What truly makes us human is our ability to hyperscroll! > Arthur Conan Doyle, The Lost World
wafflemaker 20d ago
For those who didn't know (like me 5 min ago): Hyperscroll - special mode turned on with a button next to scroll that turns off scroll friction and let's you scroll into infinity (wheel keeps turning after you lift your finger).
- imp0cat 19d ago
  Yeah, it takes some getting used to (the wheel is VERY sensitive to even the smallest finger movements), but when you get used to it, it's clearly superior to a regular scrollwheel. Much less finger fatique.