Content-type: text/html Downes.ca ~ Stephen's Web ~ How to use CSS Scroll Snap

Stephen Downes

Knowledge, Learning, Community

I'm always looking at ways to make an application interface work a bit more naturally and with a minimum of Javascript overhead. So I'm loving the idea of CSS scorll snaps. The idea is that when you subdivide an area imto (say) boxes or images, and the reader can scroll through them, scroll snap stops the scroll right at the image or box border. This is great for thumb-based navigation between panes on a smartphone. But it also works for desktop screens. Here's more on it. Here's an example from Google.

Today: 1 Total: 20 [Direct link] [Share]


Stephen Downes Stephen Downes, Casselman, Canada
stephen@downes.ca

Copyright 2024
Last Updated: Dec 22, 2024 06:25 a.m.

Canadian Flag Creative Commons License.

Force:yes