javascript - ブラウザの高さを検出し、特定のピクセル数を減算して、その数値を出力する方法は?

Question

これは可能ですか？jQueryの利用も可能です。

Answer 1

あなたは質問と、明確にするように求められたときの質問のコメントの両方で「ブラウザの高さ」と言っています。

答えは次のとおりです。いいえ、ブラウザウィンドウの高さを確認することはできません。しかし、99.99999％の確率で、気にしません。

あなたは見つけることができます：

• $(window).height();を介してページ（ビューポート）の表示領域の高さ。もっと

• $(document).height()（同じリンク）を介したドキュメント全体の高さ（ビューポートよりも短くても高くてもかまいません）

• そして通常、ユーザーの画面の高さでさえ（経由window.screen.height）

ただし、これらのいずれもブラウザウィンドウの高さを示しません。

Answer 2

次のコードは、変数winWとwinHをブラウザウィンドウの内側の幅と高さに設定し、幅と高さの値を出力します。ユーザーが非常に古いブラウザを使用している場合、winWとwinHはそれぞれ630と460に設定されます。

var winW = 630, winH = 460;
if (document.body && document.body.offsetWidth) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winW = document.documentElement.offsetWidth;
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winW = window.innerWidth;
 winH = window.innerHeight;
}

document.writeln('Window width = '+winW);
document.writeln('Window height = '+winH);  

ここから取得
値を出力する前に、もちろん、減算/加算/乗算/必要なものは何でもできます。

Answer 3

次のいずれかが必要です。

$(window).height();//viewport

また

$(document).height();//complete document

また

window.screen.height;//screen resolution height

整数値を返すので、計算を行うことができます

Answer 4

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document

Answer 5

次のものも使用できます。

   document.body.clientHeight

Answer 6

このようなJqueryの高さ関数を探す必要があります $(window).height() or $(document).height()

ピクセルを減算するには、単に使用します $(window).height()-5

Answer 7

alert( $(window).height() - 100 );

Answer 8

height()あなたが探しているものです..

http://api.jquery.com/height/

var heght= $(window).height(); //this gives you the height of the window
alert(heght - 50);

Answer 9

function getDocHeight() {
var D = document;
return Math.max(
    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
) - mynumber ;
}

実際のドキュメントの本体の高さがビューポートの高さよりも小さい場合、代わりにビューポートの高さが返されます。

そしてjQueryメソッド：

$.getDocHeight = function(){
 var D = document;
 return Math.max(Math.max(D.body.scrollHeight,    D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight));
};

alert( $.getDocHeight() - mynumber);