| Summary: | Scrolling over fixed elements to top when scroll position is 0 will trigger body scroll | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Daniel Husar <dano.husar> | ||||||
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||||
| Status: | RESOLVED WORKSFORME | ||||||||
| Severity: | Normal | CC: | bfulgham, hi, simon.fraser, wenson_hsieh | ||||||
| Priority: | P2 | ||||||||
| Version: | Safari 11 | ||||||||
| Hardware: | iPhone / iPad | ||||||||
| OS: | iOS 11 | ||||||||
| Attachments: |
|
||||||||
Created attachment 342484 [details]
Demo page
This is because UIKit prevents scrolling of the page when rubber-banding is in progress. It's not a great user experience. dano.husar@gmail.com these links show a workaround to your problem https://bugs.webkit.org/attachment.cgi?id=356972 https://vault.jonjohnjohnson.com/examples/cssripstop/ I don't think there is any action planned for this use case at present. |
Created attachment 342481 [details] Scroll animation When you are inside fixed element, and scroll position is at 0, scrolling to top will actually trigger scroll of the body, and while that scroll animation has not finished you can't interact with fixed element. This can be confusing when fixed element takes full body size, so the whole screen is locked and you dont know why. See the attached animation for better idea whats going on.