Skip to content

Instantly share code, notes, and snippets.

@nash403
Created January 26, 2018 09:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nash403/90bca7fad764ac1e96a2dabe467b7096 to your computer and use it in GitHub Desktop.
Save nash403/90bca7fad764ac1e96a2dabe467b7096 to your computer and use it in GitHub Desktop.
Get viewport exact width and height
// From this SO answer https://stackoverflow.com/a/2035211
function getViewport() {
var viewPortWidth;
var viewPortHeight;
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined') {
viewPortWidth = window.innerWidth,
viewPortHeight = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0) {
viewPortWidth = document.documentElement.clientWidth,
viewPortHeight = document.documentElement.clientHeight
}
// older versions of IE
else {
viewPortWidth = document.getElementsByTagName('body')[0].clientWidth,
viewPortHeight = document.getElementsByTagName('body')[0].clientHeight
}
return [viewPortWidth, viewPortHeight];
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment