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

浏览器兼容性

另见