I am seeking to enhance the traditional scrollable div overflow:scroll with a more fluid element that will also snap to the elements once scrolling is finished.
I have a potential solution in mind but could use some help.
Modern browsers and operating systems, especially Safari, already have momentum in their scrolling. My goal is for it to detect when the animation ends and then continue scrolling a bit further to snap to the desired elements.
Ideally, I want the transition to be smooth all the way to the snapping element. Currently, JQuery's scroll() function only works with user-initiated scrolls and not any subsequent momentum.
iScroll does something similar effectively, but it is too bulky for our needs and lacks compatibility with older versions of Internet Explorer.
If you have any suggestions on how we can accomplish this, please let me know.
Thank you!