Created attachment 467114 [details] Safari reproduction When you scroll down when the page is already at the top of the viewport, sticky elements behave weirdly. See the video. They are dragged down as well.
Created attachment 467115 [details] Chrome video Chrome behaves correctly: the page does move down, but the contents in the page does not move.
Please provide the URL of the site on which you see this.
I'm not a public accessible website unfortunately. I'm trying to create a codepen of the issue, but having no luck so far.
@smfr I can't reproduce it in a codepen. Any chance you're willing to live debug this via a call?
Does the page listen for scroll events and reposition content based on scrollY etc?
Yes it listens for scroll events and it toggles an attribute based on scrollY (to add a box-shadow when something becomes stuck).
The element it toggle the stuck attribute on is the same element that is "misbehaving" in the video.
In webkit your scrollY values become negative when rubber banding, so you should clamp them to 0.
Improving compatibility in this area is tracked by bug 201556.
Thanks, I think I know where to look then.
Yep, I can confirm it's my own fault :) Closing as resolved/invalid.
It's a common issue. Even amazon.com does it.