ScreenDetailed: availTop 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

安全上下文: 此功能僅在安全上下文(HTTPS)中可用,且支援此功能的瀏覽器數量有限。

ScreenDetailed 介面的只讀屬性 availTop 是一個數字,表示作業系統虛擬屏幕布局中可用螢幕區域的 y 座標(頂部邊緣),相對於 多屏起點

這等於 ScreenDetailed.top 屬性,加上在螢幕頂部繪製的任何作業系統 UI 元素的高度。Windows 不能放置在這些區域,因此 availTop 有助於確定實際可用於開啟或放置視窗的區域的頂部邊界。

注意: 在所有瀏覽器中,Screen 介面都提供了一個 availTop 屬性的非標準實現。有關用法詳細資訊,請參閱下面的 非標準示例,有關與非標準實現相關的瀏覽器支援資訊,請參閱 Screen 參考頁面。

一個數字。

示例

視窗管理 API 示例

js
// Available in browsers that support the Window Management API
const screenDetails = await window.getScreenDetails();

// Return the availTop value of the first screen
const screen1AvailTop = screenDetails.screens[0].availTop;

非標準示例

js
// Available in all browsers
// Return the availTop value of the current screen
const screenAvailTop = window.screen.availTop;

規範

規範
視窗管理
# ref-for-dom-screendetailed-availtop

瀏覽器相容性

另見