![A series of images of an avatar doing a bunch of skateboard tricks.](https://res.cloudinary.com/dnpmdb8r8/video/upload/w_250,f_auto,c_limit,q_auto,w_auto/v1673498930/argyleink/olliolli.gif)
notecss
html:has(.CertainItem:focus-visible) {
scroll-snap-type: y mandatory;
scroll-padding-block-start: 100px;
}
.CertainItem:focus-visible {
scroll-snap-align: start;
}
On demand with :has()
,
when a certain item is focused..
snap dat item into a nice position.