目录

window pageXOffset

示例1

将内容滚动 100 像素,并提醒 pageXOffset 和 pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
亲自试一试 »

下面有更多示例。


描述

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

这个pageXOffset属性等于scrollX属性。

这个pageXOffset属性是只读的。

也可以看看:

screenX 属性

screenY 属性


语法

window.pageXOffset
pageXOffset

返回值

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


更多示例

创建粘性导航栏:

// 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");
  }
}
亲自试一试 »

浏览器支持

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

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