Window screenLeft 和 screenTop 属性

screenLeft 属性

screenLeft 属性表示浏览器窗口相对于屏幕左上角的水平偏移量，单位为像素。假设浏览器窗口左上角的坐标为 (0, 0)，那么 screenLeft 的值就是窗口左上角的 x 坐标值。当浏览器窗口被移动时，screenLeft 的值会相应地发生变化。

下面是一个示例代码，演示如何使用 screenLeft 属性获取浏览器窗口的水平偏移量：

const horizontalOffset = window.screenLeft;
console.log(horizontalOffset);

在上面的示例中，我们通过访问 Window 对象的 screenLeft 属性来获取浏览器窗口的水平偏移量，并将其打印到控制台上。

screenTop 属性

与 screenLeft 类似，screenTop 属性表示浏览器窗口相对于屏幕左上角的垂直偏移量，单位为像素。假设浏览器窗口左上角的坐标为 (0, 0)，那么 screenTop 的值就是窗口左上角的 y 坐标值。当浏览器窗口被移动时，screenTop 的值也会相应地发生变化。

下面是一个示例代码，演示如何使用 screenTop 属性获取浏览器窗口的垂直偏移量：

const verticalOffset = window.screenTop;
console.log(verticalOffset);

在上面的示例中，我们通过访问 Window 对象的 screenTop 属性来获取浏览器窗口的垂直偏移量，并将其打印到控制台上。

总的来说，screenLeft 和 screenTop 属性是用来获取浏览器窗口相对于屏幕左上角的偏移量的两个重要属性。通过这两个属性，我们可以更方便地获取浏览器窗口的位置信息，从而实现更灵活的布局和交互效果。愿本文对您有所帮助！