Web Dev
EN
Beautiful Scrolling Experiences – Without Libraries
[]
24 ways
In part, this perception comes from the way the UI responds to user interactions – including the act of scrolling through content.
But with the relatively new CSS Scroll Snap specification, we have the ability to control the scrolling behaviour of a web page (to a degree) using web standards – without resorting to heavy libraries.
This means that when the user stops scrolling their scroll position will always snap to the nearest snap point.
The alternative value is proximity , which determines that the user’s scroll position will be snapped only if they stop scrolling in the proximity of a snap point.
Position: stickyThere’s one more CSS property that I think has the potential to aid the scroll experience, and that’s the position property.
['scrollsnaptype'
'experience'
'css'
'web'
'libraries'
'using'
'experiences'
'position'
'scroll'
'content'
'scrolling'
'beautiful'
'element']