I'm creating a new personal site and am considering using CSS's scroll snap module: https://drafts.csswg.org/css-snappoints/ as my primary navigation. Essentially this allows the web page to "snap" to certain locations based on element's positions when the user scrolls through a page. It seems like it could be helpful for users but also could hinder their experience if done wrong. As such, are there any design guidelines I should keep in mind when using snap points? What about it makes it more effective than a regular scrolling webpage?
CSS scroll snap is not a reliable technology at this time, sorry. You'll get inconsistent results depending on the browser used: https://caniuse.com/#search=scroll%20snap.
Scroll snap does seem promising as a JavaScript-free component of CSS, but at this time a similar result requires JavaScript. This is what if feels like to be right on the cutting edge of browser technology! :D
