StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSafari 5.1.3 Position:Fixed Loading Scrolling Render Issue
text
Body
copied!<p><a href="http://hungimage.herokuapp.com/" rel="nofollow">http://hungimage.herokuapp.com/</a> has a POC of an issue I am hitting while scrolling a loading page in Safari. The image call at the bottom of the page is requesting an endpoint that will not return a response in order to keep the page loading and display the render issue.</p> <p>While the page is loading and all assets have not been downloaded, if I scroll in Safari Version 5.1.3 (7534.53.10), the fixed position header will render incorrectly. If you scroll up and down quickly in Safari, you should be able to detect the render issues.</p> <p>I can't duplicate this in other browsers, and need a solution that doesn't adversely affect the position of absolutely positioned elements. You can see a screencast here: <a href="http://www.flickr.com/photos/geoff/6861146330/" rel="nofollow">http://www.flickr.com/photos/geoff/6861146330/</a></p> <p>Am I missing something with the position:fixed?</p> <hr> <p>Update:</p> <hr> <p>This appears to be a legit Safari bug. If you have page with a hung (forever loading - example here: geoffreymoller.no.de) image open in one tab in Safari 5.1.4, and a site with a fixed header in another tab (facebook, other examples here: <a href="http://webdesignledger.com/inspiration/22-examples-of-fixed-position-navigation-in-web-design" rel="nofollow">http://webdesignledger.com/inspiration/22-examples-of-fixed-position-navigation-in-web-design</a>), if you scroll in the fixed header site, the header will display render issues.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload