English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window screenTop 属性

JavaScript Window オブジェクト

screenTop読み取り専用の属性で、ユーザーのブラウザのビューポートの上部エッジからスクリーンの上部までの垂直距離(ピクセル単位で)を返します。

screenTop属性は古いscreenY属性の別名。

文法:

window.screenTop
var win = window.open("", "popupWindow");
win.document.write("<p>This is &39;popupWindow&39);
win.document.write("<br>ScreenLeft: " + win.screenLeft);
win.document.write("<br>ScreenTop: " + win.screenTop + "</p>
テストして‹/›

注意: screenLeftおよびscreenTop属性はscreenXおよびscreenY属性と等しいです。

ブラウザの互換性

テーブルの数字は、screenTop属性を完全にサポートする最初のブラウザバージョンを指定しています:

属性
screenTop649

技術的詳細

返り値:ブラウザのビューポートの上部エッジからスクリーンの上部までのCSSピクセル数

さらに多くの例

スクリーンに対する新しいウィンドウのxおよびy座標を返します:

var win = window.open("", "popupWindow", "left=500, top=350, width=300, height=200");
win.document.write("<p>This is &39;popupWindow&39);
win.document.write("<br>ScreenLeft: " + win.screenLeft);
win.document.write("<br>ScreenTop: " + win.screenTop + "</p>
テストして‹/›

クロスブラウザ解決策(IEに対して)8およびより古いバージョンでは、screenXとscreenYを使用します():

var win = window.open("", "popupWindow", "left=500, top=350, width=300, height=200");
/* ブラウザがscreenLeftとscreenTopをサポートしていない場合、screenXとscreenYを使用することができます。 */
if (!window.screenLeft) {}}
   window.screenLeft = window.screenX;
   window.screenTop = window.screenY;
}
win.document.write("<p>This is &39;popupWindow&39);
win.document.write("<br>ScreenLeft: " + win.screenLeft);
win.document.write("<br>ScreenTop: " + win.screenTop + "</p>
テストして‹/›

関連参考

ウィンドウ(Window)参考:window.screenLeft属性

ウィンドウ(Window)参考:window.screenX属性

ウィンドウ(Window)参考:window.screenY属性

JavaScript Window オブジェクト