After ios H5 is embedded in app, when the height of the fixed pop-up window is $(window). InnerHeight () height, it exceeds the height of the viewport.

after ios H5 is embedded in app, the height of the fixed pop-up window exceeds the viewport height when the height of the fixed pop-up window is $(window). InnerHeight (), that is, the
pop-up window does not have a scroll bar, and the height is now $(window). InnerHeight ();

.

html:

<div class="export-success-dialog" id="export-success-dialog">
    <div class="content">
        .........
    </div>
</div>

css:

.export-success-dialog{position: fixed;top: 0;left: 0;width: 100%;max-height: 100%;overflow-y:auto;z-index: 9999;padding:4%;color: -sharp666;background: -sharpfff;}
.export-success-dialog .content{display: block;width: 100%;max-height: 100%;overflow-y: auto;position: relative;  }

clipboard.png

:$(window).innerHeight()-title bar


:

clipboard.png

is it true that after H5 is embedded in app, the height of the page needs to be deducted from the height of title bar?

Jan.10,2022

$(window). InnerHeight () is not available webview height. It is recommended to study the difference among clientHeight, offsetHeight, availHeight, etc.


Page visible area width: document.body.clientWidth
Page visible area height: document.body.clientHeight
Page visible area width: document.body.offsetWidth (including sideline width)
Page visible area height: document.body.offsetHeight (including sideline height)
Page body full text width: document.body.scrollWidth
Page body full text height: document.body.scrollHeight
Page body height: document.body.scrollTop
Page is rolled out Left: document.body.scrollLeft
Web page body: window.screenTop
Web page body left: window.screenLeft
High screen resolution: window.screen.height
screen resolution width: window.screen.width
screen available workspace height: window.screen.availHeight
screen available workspace width: window.screen.availWidth

Link: https://www.jianshu.com/p/ad2.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3ab36-345e5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3ab36-345e5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?