Android and IOS mobile devices :calculate browser screen height excluding address bar and navigation bar height Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Data science time! April 2019 and salary with experience The Ask Question Wizard is Live!Get Android Chrome Browser Address bar height in JSDetecting an “invalid date” Date instance in JavaScriptDetecting a mobile browserBackground image jumps when address bar hides iOS/Android/Mobile ChromeHeight of Mobile view-able area (between address bar and navigation bar)Determining a mobile devices maximum browser height (when the address bar is not showing)Firefox mobile: height 100vh is including the navigation bar heightActive area in navigation bar not full heightRetrieving viewport height of screen in mobile browsers with jqueryMobile Navigation BarChrome dev tools to emulate mobile devices with navigation bar
Determinant of a matrix with 2 equal rows
Was Objective-C really a hindrance to Apple software development?
Is there a verb for listening stealthily?
/bin/ls sorts differently than just ls
Translate text contents of an existing file from lower to upper case and copy to a new file
Processing ADC conversion result: DMA vs Processor Registers
Marquee sign letters
Will I have to go through TSA security when I return to the US after preclearance in Atlanta?
My admission is revoked after accepting the admission offer
France's Public Holidays' Puzzle
What is the purpose of the side handle on a hand ("eggbeater") drill?
Suing a Police Officer Instead of the Police Department
When I export an AI 300x60 art board it saves with bigger dimensions
Is it accepted to use working hours to read general interest books?
SQL Server placement of master database files vs resource database files
Will I lose my paid in full property
false 'Security alert' from Google - every login generates mails from 'no-reply@accounts.google.com'
Married in secret, can marital status in passport be changed at a later date?
Why did Israel vote against lifting the American embargo on Cuba?
Why isn't everyone flabbergasted about Bran's "gift"?
Variable does not exist: sObjectType (Task.sObjectType)
Why did Europeans not widely domesticate foxes?
Will I be more secure with my own router behind my ISP's router?
Does using the Inspiration rules for character defects encourage My Guy Syndrome?
Android and IOS mobile devices :calculate browser screen height excluding address bar and navigation bar height
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern)
Data science time! April 2019 and salary with experience
The Ask Question Wizard is Live!Get Android Chrome Browser Address bar height in JSDetecting an “invalid date” Date instance in JavaScriptDetecting a mobile browserBackground image jumps when address bar hides iOS/Android/Mobile ChromeHeight of Mobile view-able area (between address bar and navigation bar)Determining a mobile devices maximum browser height (when the address bar is not showing)Firefox mobile: height 100vh is including the navigation bar heightActive area in navigation bar not full heightRetrieving viewport height of screen in mobile browsers with jqueryMobile Navigation BarChrome dev tools to emulate mobile devices with navigation bar
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I want to calculate browser height without considering browser address bar and bottom navigation bar height.
The value of screen.height will give the full browser height. I've highlighted area in orange in attached image. Looking for generic solution which will work on all mobile devices
javascript jquery html css
edited Mar 26 at 13:26
Curr195
1,61331635
asked Mar 22 at 14:51
NikhilNikhil
266
add a comment |
I want to calculate browser height without considering browser address bar and bottom navigation bar height.
The value of screen.height will give the full browser height. I've highlighted area in orange in attached image. Looking for generic solution which will work on all mobile devices
javascript jquery html css
edited Mar 26 at 13:26
Curr195
1,61331635
asked Mar 22 at 14:51
NikhilNikhil
266
Possible duplicate of Get Android Chrome Browser Address bar height in JS
– Mr. Polywhirl
Mar 22 at 14:58
add a comment |
I want to calculate browser height without considering browser address bar and bottom navigation bar height.
The value of screen.height will give the full browser height. I've highlighted area in orange in attached image. Looking for generic solution which will work on all mobile devices
javascript jquery html css
edited Mar 26 at 13:26
Curr195
1,61331635
asked Mar 22 at 14:51
NikhilNikhil
266
I want to calculate browser height without considering browser address bar and bottom navigation bar height.
The value of screen.height will give the full browser height. I've highlighted area in orange in attached image. Looking for generic solution which will work on all mobile devices
javascript jquery html css
javascript jquery html css
edited Mar 26 at 13:26
Curr195
1,61331635
asked Mar 22 at 14:51
NikhilNikhil
266
edited Mar 26 at 13:26
Curr195
1,61331635
asked Mar 22 at 14:51
NikhilNikhil
266
edited Mar 26 at 13:26
Curr195
1,61331635
edited Mar 26 at 13:26
Curr195
1,61331635
edited Mar 26 at 13:26
Curr195
1,61331635
1,61331635
asked Mar 22 at 14:51
NikhilNikhil
266
asked Mar 22 at 14:51
NikhilNikhil
266
asked Mar 22 at 14:51
NikhilNikhil
266
266
Possible duplicate of Get Android Chrome Browser Address bar height in JS
– Mr. Polywhirl
Mar 22 at 14:58
add a comment |
Possible duplicate of Get Android Chrome Browser Address bar height in JS
– Mr. Polywhirl
Mar 22 at 14:58
Possible duplicate of Get Android Chrome Browser Address bar height in JS
– Mr. Polywhirl
Mar 22 at 14:58
Possible duplicate of Get Android Chrome Browser Address bar height in JS
– Mr. Polywhirl
Mar 22 at 14:58
add a comment |
1 Answer
1
active
oldest
votes
Easily:
window.innerHeight
There is an algorithm to obtain the height of the viewport excluding, if rendered, the horizontal scrollbar.
See also the offical docs.
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
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%2f55302289%2fandroid-and-ios-mobile-devices-calculate-browser-screen-height-excluding-addres%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Easily:
window.innerHeight
There is an algorithm to obtain the height of the viewport excluding, if rendered, the horizontal scrollbar.
See also the offical docs.
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
add a comment |
Easily:
window.innerHeight
There is an algorithm to obtain the height of the viewport excluding, if rendered, the horizontal scrollbar.
See also the offical docs.
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
add a comment |
Easily:
window.innerHeight
There is an algorithm to obtain the height of the viewport excluding, if rendered, the horizontal scrollbar.
See also the offical docs.
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
Easily:
window.innerHeight
There is an algorithm to obtain the height of the viewport excluding, if rendered, the horizontal scrollbar.
See also the offical docs.
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
answered Mar 22 at 14:59
MarcoSMarcoS
10.1k1768139
10.1k1768139
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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%2f55302289%2fandroid-and-ios-mobile-devices-calculate-browser-screen-height-excluding-addres%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
Possible duplicate of Get Android Chrome Browser Address bar height in JS
– Mr. Polywhirl
Mar 22 at 14:58