give mobile website snap scroll effect code example
Example 1: css scroll snap
.container {
scroll-snap-type: mandatory;
}
.child {
scroll-snap-align: start;
}
/* Guide: https://css-tricks.com/practical-css-scroll-snapping/ */
Example 2: scroll snap css
/* Answer to: "scroll snap css" */
/*
CSS Scroll Snap is a module of CSS that introduces scroll snap positions,
which enforce the scroll positions that a scroll container’s scrollport may
end at after a scrolling operation has completed.
Here's two guides on how to use this module:
- https://blog.logrocket.com/how-to-use-css-scroll-snap/
- https://css-tricks.com/practical-css-scroll-snapping/
*/