$(window).innerHeight();の高さの値がおかしい時

$(window).innerHeight();の高さの値がおかしい時

$(window).innerHeight();を使用してウィンドウの高さを取得することがあります。しかし、時にはこの値が期待通りではないことがあります。

$(window).innerHeight();が正しい値を返さない場合、一般的な原因の1つはDOCTYPE宣言が欠如していることです。DOCTYPE宣言は、HTML文書のバージョンと構文を定義し、ブラウザがページを適切に解釈できるようにします。

HTML
<!DOCTYPE html>
<html>
<head>
    <!-- ここにスタイルやスクリプトの読み込みなどが入ります -->
</head>
<body>
    <!-- ここにページのコンテンツが入ります -->
</body>
</html>

DOCTYPE宣言が欠落している場合、ブラウザはクワークスモードでページをレンダリングし、予期しない結果が生じる可能性があります。これが$(window).innerHeight();が正しい値を返さない原因の1つです。

解決策としては、DOCTYPE宣言をHTML文書の先頭に追加することが挙げられます。これにより、ブラウザは正しいモードでページを解釈し、$(window).innerHeight();の値も正しくなります。

制作のご相談・ご依頼はこちらから!

Author

WARACRO(ワラクロ)

2018年に起業し、Webデザイナー・WebディレクターとしてWordPress案件を中心にWeb制作のお仕事をしています。
このブログでは、Webサイト制作に関する情報をお届けしています。

JavaScript学習におすすめの書籍

Amazonの読み放題サービスKindle Unlimited無料体験キャンペーン実施中!

Amazon Kindle Unlimited 公式
Webデザイン学習におすすめの講座
To Top