Keeping my layout from jumping
Take a look at the current site under construction that I'm working on:
http://69.134.44.19:8000/cprod.html?cat=Doughnuts&subp=Sprinkle%20Doughnut
The site is for a virtual business class I'm taking. Now, if you spam the F5 key, the layout 'jumps' to the correct position. Now, spamming F5 doesn't make SO 'jump'. In truth, most sites don't jump.
It kind of makes the site feel odd when going page from page wi开发者_运维百科th the 'jump'. Is there a way to make sure the page has determined the sizes before it displays? I assume the issue is with the fact that I use quite a lot of percentages with the div sizes.
The notable styles are defined in an external stylesheet. When your main page is loaded, the CSS files might not be ready, causing the lay-out to look different. When the external resources have finished loading, your lay-out change to the final look.
精彩评论