DrQuincy Posted November 28, 2023 Share Posted November 28, 2023 I have a site that has a parallax fixed banner at the top and then the rest of the content goes underneath with a higher z-index. It works great but when — on a Mac at least — you scroll quickly down to the bottom of the page it scrolls beyond the height of the document body and then snaps back and for a breif moment you can see the fixed banner underneath. Is there a CSS property to prevent this? Link to comment Share on other sites More sharing options...
Stefanowitsch Posted November 28, 2023 Share Posted November 28, 2023 As far as I know this is a default behaviour on Macs and/or iOS devices. Maybe this plugin can help? https://github.com/lazd/iNoBounce 1 Link to comment Share on other sites More sharing options...
DrQuincy Posted November 29, 2023 Author Share Posted November 29, 2023 Nice, thanks. Link to comment Share on other sites More sharing options...
da² Posted November 29, 2023 Share Posted November 29, 2023 21 hours ago, DrQuincy said: Is there a CSS property to prevent this? Can't fix it with an overflow:hidden somewhere on a parent div? Link to comment Share on other sites More sharing options...
DrQuincy Posted November 29, 2023 Author Share Posted November 29, 2023 I don't think so. Seems to be an Apple thing. Link to comment Share on other sites More sharing options...
da² Posted November 29, 2023 Share Posted November 29, 2023 Yes I see this Apple thing, but it can't show if it's hidden. ^^ 1 Link to comment Share on other sites More sharing options...
Recommended Posts