Grid: scroll/arrow/page one row at a time, snap to center or snap to bottom of header

[brendanhoar]

Feature Idea

One nit I have with the grid view/web page is that scrolling within the grid moves rows whatever number of pixels the browser naturally does. This makes going through the list of Y values somewhat haphazard.

It would be nice if there were a CSS/JS control available that forces each scroll wheel click/down-arrow keypress/page-down keypress to scroll exactly one row and snap into place under the header (or place into the center of the exposed rows).

I took a look at the scroll-snap-* CSS feature but the solutions I have come across so far involve scrolling inside a div/table, whereas the grid web page is designed to scroll the entire page (sans optionally sticky header), so I'm stumped.

Other

N/A