ScreenDetailed: availTop property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The availTop
read-only property of the
ScreenDetailed
interface is a number representing the y-coordinate (top edge) of the available screen area inside the OS virtual screen arrangement, relative to the multi-screen origin.
This is equal to the ScreenDetailed.top
property, plus the height of any OS UI element drawn at the top of the screen. Windows cannot be placed in those areas, so availTop
is useful for giving you the top boundary of the actual area available to open or place windows.
Note: A non-standard implementation of the availTop
property is available on the Screen
interface in all browsers. See the Non-standard example below for usage details, and see the Screen
reference page for browser support information relating to the non-standard implementation.
Value
A number.
Examples
Window Management API example
// 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;
Non-standard example
// Available in all browsers
// Return the availTop value of the current screen
const screenAvailTop = window.screen.availTop;
Specifications
Specification |
---|
Window Management # ref-for-dom-screendetailed-availtop |
Browser compatibility
BCD tables only load in the browser