jsを使ってWebページの高さを取得する方法と従来のマージン計算について詳しく解説

js または jquery はどのようにして Web ページの一般的な高さまたは幅を取得できるのでしょうか? エディターがそれをまとめましたので、見てみましょう。

Webページの可視領域の幅: document.body.clientWidth;
Webページの可視領域の高さ: document.body.clientHeight;
可視領域Web ページの幅: document.body.offsetWidth (端の幅を含む);
Web ページの表示領域の高さ: document.body.offsetHeight (端の幅を含む);
Web ページの全テキスト幅: document.body.scrollWidth;
Web ページの全テキスト高さ: document.body.scrollHeight;
スクロールされる Web ページの高さ: document.body.scrollTop;
スクロール中の Web ページの左側: document.body.scrollLeft;
Web ページの主要部分: window.screenTop;
Web ページのテキスト部分の左側: window.screenLeft;
画面解像度の高さ: window.screen.height;
画面解像度の幅: window.screen.width;
画面利用可能な作業領域の高さ: window.screen.availHeight;
画面利用可能な作業領域領域の幅: window.screen.availWidth;

scrollHeight: オブジェクトのスクロールの高さを取得します。
scrollLeft: オブジェクトの左端とウィンドウ内で現在表示されているコンテンツの左端との間の距離を設定または取得します。
scrollTop: オブジェクトの最上端と表示されている最上端との間の距離を設定または取得しますウィンドウ内のコンテンツ
scrollWidth: オブジェクトのスクロール幅を取得します
offsetHeight: レイアウトまたは offsetParent プロパティで指定された親座標を基準としたオブジェクトの高さを取得します
offsetLeft: オブジェクトの高さを取得しますoffsetParent プロパティで指定されたレイアウトまたは親座標を基準としたオブジェクトの左位置を計算します
offsetTop: レイアウトまたは offsetTop 属性で指定された親座標を基準としたオブジェクトの計算された上部位置を取得します
event.clientXドキュメントを基準とした水平座標
event.clientY ドキュメントを基準とした垂直座標 FEvent.OffSetX コンテナの水平座標

Event.Offset のコンテナの垂直座標
Document.documentlement.scrolltop 値 ローリングValley
Document.documentEle MENT.Scrolltop 相対ドキュメント 水平座標 + 垂直スクロール量
Post by molong on 2009-05-19 11:57 PM #1
の垂直座標位置を取得するには現在のページのスクロール バーでは、

document.body.scrollTop;
document.document. documentElement.scrollTop;
を使用します。html タグに対応し、body は本文に対応します。鬼ごっこ。
標準の w3c では、 document.body.scrollTop は常に 0 であり、 document.documentElement.scrollTop; に置き換える必要があります
ページに対するマウスの絶対位置を配置したい場合は、次のようになります。 Google の 1000 件の記事のうち、999.99 件では、event.clientX+document.body.scrollLeft、event.clientY+document.body.scrollTop を使用できるようになります。マウスの位置が想像と異なっていても驚かないでください。これもまた普通の事ばかりです。

document.body.scrollX オブジェクトは、ie5.5 以降はサポートされなくなりました。 なのでプログラミングするときはこの判断も加えてください

if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;    
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}