Skip to main content

No over scrolling on iOS Safari

·114 words·1 min

I was having some issues with iOS Safari making a website look good with the “elastic band” over scrolling effects on a page with a gradient colour that resulted in different colours at the top and bottom of the page.

It seems that the background colour when over scrolling can be set, but it’s the same when you over scroll at the top and the bottom, resulting in my webpage looking correct when the over scroll colour matched the bottom of the page colour but incorrect when overscrolling at the top.

The only way I’ve found to resolve this was to prevent the overscrolling at all by setting touch-action:none; on the body in CSS.