1
ウィンドウの高さとビューポートについて学習しようとしています。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
for(var count=0; count < 100; count++)
$("body").append("<div><button class=\"hhh\">HELLO</button></div>");
});
$(document).on("click",".hhh",function(event) {
console.log($(window).height());
console.log($(window).scrollTop());
});
$(window).resize(function() {
console.log($(window).height());
});
</script>
</head>
<body>
</body>
</html>
ウィンドウのサイズを変更してボタンをクリックすると、$（ウィンドウ）.height（）は常に同じままです。私はこの価値が変わることを期待していただろう...誰もがそれがなぜ変わらないか教えてもらえますか？私はMacでChromeの最新バージョンを使用しています。
あなたはおそらく$（文書）.height（）を探していますか？また、サイズ変更イベントでサイズをチェックするのに最適な場所です。 – ProgrammerV5
console.log（$（window）.height（））を試してもうまくいきます。 jsコンソールで？ –
$（document）.height（）を使用した@ ProgrammerV5は同じ結果を返します。 – MarMan29