I am trying to position a number of buttons on a horizontally scrollable div at the bottom of a screen on a mobile device.

All buttons are of the same width.

Since I have more buttons than I can fit I’d like the div to scroll so that a button is never half on screen and half off.

In other words, the div should scroll only by fixed amounts and be “sticky” at those points.

Is that possible? I don’t even know what that could be called, otherwise I’d have googled a bit longer