ホームページ > 記事 > ウェブフロントエンド > document.bodyの使い方
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: Get レイアウトを基準としたオブジェクトの計算された上部の位置、または offsetTop プロパティで指定された親座標
event.clientX を基準としたドキュメントの水平座標
event.clientY を基準としたものコンテナの水平座標に対するドキュメントの垂直座標
event.offsetX 相対値
event.offsetY 相対値 コンテナの垂直座標
document.documentElement.scrollTop 垂直スクロールの値
event.clientX+document.documentElement.scrollTop相対ドキュメントの水平座標 + 垂直スクロール量
Post by molong on 2009-05-19 11:57 PM #1
現在のページのスクロール バーの垂直座標位置を取得するには、
document を使用します。 documentElement.scrollTop;
の代わりに:
document.body.scrollTop;
documentElement は html タグに対応し、body は body タグに対応します。
標準 w3c では、 document.body.scrollTop は常に 0 であり、 document.documentElement.scrollTop に置き換える必要があります
ページに対するマウスの絶対位置を特定したい場合は、次のとおりです。 Google の 1000 件の記事には、event.clientX+document.body.scrollLeft、event.clientY+document.body.scrollTop を使用できる記事が 999.99 件あります。マウスの位置が想像と異なる場合は、使用しないでください。これは普通のことです。
ie5.5以降、document.body.scrollXオブジェクトはサポートされなくなりました。
なので、プログラミングする際には、
if(document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left= document.body.という判断を加えてください。スクロール左;
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}
以上がdocument.bodyの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。