Note that there are some explanatory texts on larger screens.

plurals
  1. POIpad: window.height() give bad value in Safari but not in Chrome
    primarykey
    data
    text
    <p>I have to get the window's height on Ipad to display something in the full height. </p> <p>I have done this example page: <a href="http://daviddarx.com/stuffs/work/biceps/ipad/" rel="nofollow noreferrer">http://daviddarx.com/stuffs/work/biceps/ipad/</a></p> <p>Here is my js code, very simple, that only write the window.height() in the body: </p> <pre><code>generalResizeListener=function(){ screenW=$(window).width(); screenH=$(window).height(); $("body").html(screenH) console.log(screenH); } $(window).resize(generalResizeListener); </code></pre> <p>There is two problem, on my ipad2 with IOS7: -In safari, but not in Chrome, the displayed value don't fit to the actual page height (I checked on screenshots)</p> <p>-In Safari always, even if there isn't anything in the page, the page's height is bigger than the viewport and I can scroll down for something like 10-20px. That is the biggest probleme. </p> <p>Do you know why is this happening? I haven't any css files in my demo page, so I really don't understand. </p> <p>Thank you in advance for your help! David</p> <hr> <p>@Gal V: </p> <p>I already implemented this "hacky solution". Thank you for your answer, anyway! I looked a bit more in google and it seems to be a specific bug of safari IOS7:</p> <p>-<a href="https://discussions.apple.com/message/23150650#23150650" rel="nofollow noreferrer">https://discussions.apple.com/message/23150650#23150650</a></p> <p>-<a href="https://stackoverflow.com/questions/19110052/scrolling-problems-on-a-web-page-with-fixed-header-and-footer-in-ios7">Scrolling problems on a web page with fixed header and footer in iOS7</a></p> <p>-<a href="https://stackoverflow.com/questions/19012135/ios-7-ipad-safari-landscape-innerheight-outerheight-layout-issue">iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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