スクロールで現在の画面高さを取得した値を表示します。<br>
window.innerHeight
<div id="window_height1"></div>
window.outerHeight
<div id="window_height2"></div>
$(window).innerHeight()
<div id="window_height3"></div>
$(window).outerHeight()
<div id="window_height4"></div>
$(window).height()
<div id="window_height5"></div>$(function(){
document.getElementById('window_height1').innerHTML = window.innerHeight;
document.getElementById('window_height2').innerHTML = window.outerHeight;
document.getElementById('window_height3').innerHTML = $(window).innerHeight();
document.getElementById('window_height4').innerHTML = $(window).outerHeight();
document.getElementById('window_height5').innerHTML = $(window).height();
})
External CSS
This Pen doesn't use any external CSS resources.