目录

window pageYOffset

❮上一节 ❮ 窗口对象参考下一节❯

示例1

将内容滚动 100 像素，并提醒 pageXOffset 和 pageYOffset：

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

亲自试一试 »

下面有更多示例。

描述

这个pageYOffset属性返回文档从窗口左上角滚动的像素。

这个pageYOffset属性等于scrollY属性。

这个pageYOffset属性是只读的。

也可以看看：

语法

window.pageYOffset

pageYOffset

返回值

类型	描述
一个号码	文档从窗口左上角滚动的像素数。

更多示例

创建粘性导航栏：

// Get the navbar
const navbar = document.getElementById("navbar");

// Get the offset position of the navbar
const sticky = navbar.offsetTop;

// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}

亲自试一试 »

浏览器支持

pageYOffset所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11

❮上一节 ❮ 窗口对象参考下一节❯