Window pageXOffset 和 pageYOffset 属性

返回上一级

window.pageXOffsetwindow.pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素

pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置

pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置

pageXOffset 和 pageYOffset 属性相等于 scrollX 和 scrollY 属性

这些属性是只读的

浏览器支持

支持 9.0+ 支持 支持 支持

IE 8 及 更早 IE 版本不支持该属性,但可以使用 document.documentElement.scrollLeftdocument.documentElement.scrollTop 属性

语法

window.pageXOffset
window.pageYOffset

范例

垂直和水平滚动 100 个像素的内容,并弹出 pageXOffset 和 pageYOffset

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

运行范例 »

范例

兼容方案 ( 在 IE8 其更早版本中使用 scrollLeft 和 scrollTop )

window.scrollBy(100, 100);
if (window.pageXOffset !== undefined)
{
    // 所有浏览器,除了 IE9 及更早版本
    alert("水平滚动: " + window.pageXOffset + ", 垂直滚动: " + window.pageYOffset);
} else {
    // IE9 及更早版本
    alert("水平滚动: " + document.documentElement.scrollLeft + ", 垂直滚动: " + document.documentElement.scrollTop);
}

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.