browsernavbarheight

Calculates the browser navbar height. Helpfull to get real screen height on mobile devices via css variable. Declare css variable containning this value so it's possible to calc( 100vh - var(--browser-navbar-height)).


Keywords
ios, mobile, android, ipad, navbar, scroll, full, screen, fullscreen
License
WTFPL
Install
npm install browsernavbarheight@0.0.4

Documentation

browserNavbarHeight

Calculates the browser navbar height. Helpfull to get real screen height on mobile devices

Installation

npm install browsernavbarheight -save

Old scholl html

<script src="/path/to/browserNavbarHeight.js"></script>

New scool js

require("browsernavbarheight");

Usage in css

    height: calc(100vh - var(--browser-navbar-height,0px));