help we found was about Apple’s custom scroll animation at the bottom interfering with the browser, or something like that.
Differences in timing of events and callbacks also came up:
I did notice that scroll events are fired differently in Safari vs. everyone else. Safari would… I took a few stabs at this and in the first stab, Safari would only fire the scroll event after the scroll had finished. So I ended up… the workaround I used for that was to just use touchmove and just call the same… Basically I had a render loop running, in a requestAnimationFrame loop, and I would update things in the touchmove event in addition to the standard scroll on Safari. That was one issue I came across.
Finally, a few quotes from the survey:
Controlling scroll behavior: when does a touch lead to a scroll? Is it cancelable? […] Does resize fire for browser elements appearing and disappearing? When does it fire?”
content behind dialog scrolls in safari - no easy way to disable this "feature"
the HtmlElement.scrollIntoView() method which is rather well supported, but if you need to scrollIntoView on the horizontal axis, only Firefox supports it (Chrome and Safari don't).
CONTROL OVER HOW PARTS OF THE PAGE SHOULD BEHAVE WHEN SCROLLING
See also
● CSS Scroll Snap on MDN ● CSS Scroll Snap on caniuse.com ● CSS Scroll Snap test results on wpt.fyi ● CSS overscroll-behavior on MDN ● CSS overscroll-behavior on caniuse.com ● CSS overscroll-behavior test results on wpt.fyi ● scrollIntoView on MDN
Made with FlippingBook - professional solution for displaying marketing and sales documents online