目录

window scrollY

示例1

将内容滚动 100 像素,并提醒scrollX和scrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
亲自试一试 »

下面有更多示例。


描述

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

这个scrollY属性是只读的。

笔记

这个scrollY属性等于pageYOffset属性。

为了跨浏览器兼容性,请使用 window.pageYOffset 而不是 window.scrollY。

也可以看看:

pageXOffset 属性

pageYOffset 属性


语法

window.scrollY
scrollY

返回值

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


更多示例

创建粘性导航栏:

// 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.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}
亲自试一试 »

浏览器支持

window.scrollY所有浏览器都支持:

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