Microsoft Proposes CSS Scrolling Snap Points Standard

Two lines of code make all the difference in the world.

It looks like Microsoft is trying to solve one of the more painful experiences for developers: creating paginated content and scrolling photo galleries that work on all the devices and different input mechanisms (touch, mouse wheel or a keyboard).

Instead of writing hundreds of lines of JavaScript code, Microsoft’s implementation only requires two. According to the software giant, “this code works with touch swipe in IE10 and IE11; new in IE11, this same markup automatically works with mouse wheels, arrow keys, and trackpads—allowing users to access these experience no matter the device they happen to be browsing with at the moment. Enabling a similar experience by writing JavaScript can take hundreds of lines of code, often doesn’t offer stick-to-your-finger manipulation, and typically stutters in performance on low-end hardware.”

That’s pretty awesome.