phonegap position:fixed content has gap at bottom
up vote
0
down vote
favorite
I have an iOS app made with phonegap. Content displays full screen on all devices including iPhone X.
My problem is when I have a modal popup - my popup and its background are position:fixed and when displayed there is a gap at the bottom of the screen. It appears to match the size of the statusbar.
All similar posts I've found always talk about the gap occurring at the top of the webview, but for me is at the bottom.
The gap size is bigger on iPhone X than the iPhone 6, and at least in the case of the iPhone X is the precise height of many apps lower navigation bar (like facebook, whatsapp). I want my 'height:100%;position:fixed' overlay background to take up the entire screen. Any suggestions on how to remove this?
ios cordova phonegap
add a comment |
up vote
0
down vote
favorite
I have an iOS app made with phonegap. Content displays full screen on all devices including iPhone X.
My problem is when I have a modal popup - my popup and its background are position:fixed and when displayed there is a gap at the bottom of the screen. It appears to match the size of the statusbar.
All similar posts I've found always talk about the gap occurring at the top of the webview, but for me is at the bottom.
The gap size is bigger on iPhone X than the iPhone 6, and at least in the case of the iPhone X is the precise height of many apps lower navigation bar (like facebook, whatsapp). I want my 'height:100%;position:fixed' overlay background to take up the entire screen. Any suggestions on how to remove this?
ios cordova phonegap
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have an iOS app made with phonegap. Content displays full screen on all devices including iPhone X.
My problem is when I have a modal popup - my popup and its background are position:fixed and when displayed there is a gap at the bottom of the screen. It appears to match the size of the statusbar.
All similar posts I've found always talk about the gap occurring at the top of the webview, but for me is at the bottom.
The gap size is bigger on iPhone X than the iPhone 6, and at least in the case of the iPhone X is the precise height of many apps lower navigation bar (like facebook, whatsapp). I want my 'height:100%;position:fixed' overlay background to take up the entire screen. Any suggestions on how to remove this?
ios cordova phonegap
I have an iOS app made with phonegap. Content displays full screen on all devices including iPhone X.
My problem is when I have a modal popup - my popup and its background are position:fixed and when displayed there is a gap at the bottom of the screen. It appears to match the size of the statusbar.
All similar posts I've found always talk about the gap occurring at the top of the webview, but for me is at the bottom.
The gap size is bigger on iPhone X than the iPhone 6, and at least in the case of the iPhone X is the precise height of many apps lower navigation bar (like facebook, whatsapp). I want my 'height:100%;position:fixed' overlay background to take up the entire screen. Any suggestions on how to remove this?
ios cordova phonegap
ios cordova phonegap
asked Nov 7 at 13:31
nickc
114
114
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53190470%2fphonegap-positionfixed-content-has-gap-at-bottom%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown