zigotica / scrollsnappointspolyfill Goto Github PK

This polyfill sounds great. Could you create a (simple) demo site using this polyfill?

I've just upgraded to iOS 11 and it no longer works. It just scrolls - there is no snapping anymore.

When i scroll slightly over a snap-point, this polyfill will go with the scroll, displaying the a part of the content that is further than the next snap-point and then snap back to the closest snap-point.

For example, i scroll down 2 1/4 elements.
I then see the 3rd element.
The scroll-snap is at the beginning of the 2nd element though.
The polyfill thus is moving back there, but does so with a flickering.
It goes back too far, then comes to a rest at the right position.

In Safari it appears to always go down to the next snap-point in the direction of scrolling.
This prevents the flickering and is a more natural feel.

Browser: Chrome 46, but it's a general issue

Expected behaviour, on Safari 9: http://cloud.h-o.nl/gFMU
Result with the polyfill on Google Chrome: http://cloud.h-o.nl/gFX9

Is there a licence for the code in this repo?

You should test for prefixed properties, too.

Consider using https://github.com/philipwalton/polyfill