"scrollBy: 1" scrolls too many items on high res laptop screen

[uliuli]

I have an implementation based on your horizontal 'force centered' example and neither the example nor my implementation work correctly on my laptop's screen (Dell XPS).

Weirdly, it works fine on my external monitor, but when I drag the window to the laptop monitor which is some sort of super fancy high resolution I assume, it scrolls by 3 items on each scroll instead of just one. This is in Chrome and Edge; Firefox works correctly. The screen is also a touch screen, but this is using the mouse only.