Skip to content

Instantly share code, notes, and snippets.

@ispmdev

ispmdev/getViewportSize.js

Forked from scottjehl/getViewportSize.js
Created December 12, 2019 20:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ispmdev/d002f29c6395d3212b5ccc68d40af5bf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ispmdev/d002f29c6395d3212b5ccc68d40af5bf to your computer and use it in GitHub Desktop.
Download ZIP
Reliably get viewport dimensions in JS
Raw
getViewportSize.js
/*!
An experiment in getting accurate visible viewport dimensions across devices
(c) 2012 Scott Jehl.
MIT/GPLv2 Licence
*/
function viewportSize(){
var test = document.createElement( "div" );
test.style.cssText = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;";
document.documentElement.insertBefore( test, document.documentElement.firstChild );
var dims = { width: test.offsetWidth, height: test.offsetHeight };
document.documentElement.removeChild( test );
return dims;
}
// Notes:
// relies on position:fixed support, but it should work in browsers that partially support position: fixed like iOS4 and such...
//sample usage: var viewportwidth = viewportSize().width;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment