Skip to content

Instantly share code, notes, and snippets.

@sttk

sttk/windowPropsUsages.md

Created March 30, 2017 20:39
Show Gist options
  • Save sttk/42f5ff177e4695183b7d5be7e91796af to your computer and use it in GitHub Desktop.
Save sttk/42f5ff177e4695183b7d5be7e91796af to your computer and use it in GitHub Desktop.
Download ZIP
Window Properties Usages
Raw
windowPropsUsages.md

Window Properties Usages

In the specification about Window object [CSSOM View Module], the following properties related to window position and size are specified:

  • innerWidth
  • innerHeight
  • scrollX
  • scrollY
  • pageXOffset
  • pageYOffset
  • screenX
  • screenY
  • outerWidth
  • outerHeight
  • devicePixelRatio
  • screen
    • availWidth
    • availHeight
    • width
    • height
    • colorDepth
    • pixelDepth

Chrome

Property Usage
innerWidth ✓
innerHeight ✓
outerWidth ✓
outerHeight ✓
screenX ✓
screenY ✓
pageXOffset ✓
pageYOffset ✓
scrollX ✓
scrollY ✓
screen.availWidth ✓
screen.availHeight ✓
screen.width ✓
screen.height ✓
screen.colorDepth ✓
screen.pixelDepth ✓
Property Usage
screenLeft ✓
screenTop ✓
scrollLeft = undefined
scrollTop = undefined
screen.availLeft ✓
screen.availTop ✓

Firefox

Property Usage
innerWidth ✓
innerHeight ✓
outerWidth ✓
outerHeight ✓
screenX ✓
screenY ✓
pageXOffset ✓
pageYOffset ✓
scrollX ✓
scrollY ✓
screen.availWidth ✓
screen.availHeight ✓
screen.width ✓
screen.height ✓
screen.colorDepth ✓
screen.pixelDepth ✓
Property Usage
screenLeft = undefined
screenTop = undefined
scrollLeft = undefined
scrollTop = undefined
screen.availLeft ✓
screen.availTop ✓

Vivaldi

Safari

Property Usage
innerWidth ✓
innerHeight ✓
outerWidth ✓
outerHeight ✓
screenX ✓
screenY ✓
pageXOffset ✓
pageYOffset ✓
scrollX ✓
scrollY ✓
screen.availWidth ✓
screen.availHeight ✓
screen.width ✓
screen.height ✓
screen.colorDepth ✓
screen.pixelDepth ✓
Property Usage
screenLeft ✓
screenTop ✓
scrollLeft = undefined
scrollTop = undefined
screen.availLeft ✓
screen.availTop ✓

Safari

Property Usage
innerWidth ✓
innerHeight ✓
outerWidth ✓
outerHeight ✓
screenX ✓
screenY ✓
pageXOffset ✓
pageYOffset ✓
scrollX ✓
scrollY ✓
screen.availWidth ✓
screen.availHeight ✓
screen.width ✓
screen.height ✓
screen.colorDepth ✓
screen.pixelDepth ✓
Property Usage
screenLeft ✓
screenTop ✓
scrollLeft = undefined
scrollTop = undefined
screen.availLeft ✓
screen.availTop ✓

Edge

Property Usage
innerWidth ✓
innerHeight ✓
outerWidth ✓
outerHeight ✓
screenX ✓
screenY ✓
pageXOffset ✓
pageYOffset ✓
scrollX ✓
scrollY ✓
screen.availWidth ✓
screen.availHeight ✓
screen.width ✓
screen.height ✓
screen.colorDepth ✓
screen.pixelDepth ✓
Property Usage
screenLeft ✓
screenTop ✓
scrollLeft = undefined
scrollTop = undefined
screen.availLeft ✓
screen.availTop ✓

IE11

Property Usage
innerWidth ✓
innerHeight ✓
outerWidth ✓
outerHeight ✓
screenX ✓
screenY ✓
pageXOffset ✓
pageYOffset ✓
scrollX = undefined
scrollY = undefined
screen.availWidth ✓
screen.availHeight ✓
screen.width ✓
screen.height ✓
screen.colorDepth ✓
screen.pixelDepth ✓
Property Usage
screenLeft ✓
screenTop ✓
scrollLeft = undefined
scrollTop = undefined
screen.availLeft ✓
screen.availTop ✓
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment