Conditional Snapping With Has

html :has ( .CertainItem:focus-visible ) { scroll-snap-type : y mandatory ; scroll-padding-block-start : 100 px ; } .CertainItem:focus-visible { scroll-snap-align : start ; } On demand with :has() , when a certain item is focused.. snap dat item into a nice position .