window height checker

JavaScriptでブラウザのwindowの高さを取得。

参照 : 説明記事。

JavaScript

01

window.innerHeight

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

02

window.outerHeight

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

03

document.documentElement.clientHeight

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

04

screen.height

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

05

screen.availHeight

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

jQuery

06

$(window).height()

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

07

$(window).innerHeight()

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

08

$(window).outerHeight()

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px

09

$(window).outerHeight(true)

  • 'load'

    -px

  • 'scroll'

    -px

  • 'resize'

    -px