> All in One 586: How to use CSS Scroll Snap

Ads

Friday, March 27, 2020

How to use CSS Scroll Snap

Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance.

I like Max Kohler's coverage as well, which includes a demo where the snapping can happen in multiple directions.

This is one of those things where, if you didn't know about it, it's worth a solid golf clap for CSS.

Direct Link to ArticlePermalink

The post How to use CSS Scroll Snap appeared first on CSS-Tricks.



from CSS-Tricks https://ift.tt/2PYx2l5
via IFTTT

No comments:

Post a Comment

Mostly Clear/Wind today!

With a high of F and a low of 11F. Currently, it's 20F and Fair outside. Current wind speeds: 18 from the Northwest Pollen: 0 Su...