Window pageXOffset 和 pageYOffset 属性

定义和用法

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

语法

 window.pageXOffset
 window.pageYOffset

浏览器支持

所有主流浏览器都支持 pageXOffset 和 pageYOffset 属性。

注意： IE 8 及更早 IE 版本不支持该属性,但可以使用 "document.body.scrollLeft" 和 "document.body.scrollTop" 属性。

实例

滚动100个像素的内容，并弹出pageXOffset和pageYOffset：

 <html>
 <head>
 <script>
 function scrollWindow()
   {
   window.scrollBy(100,100)
   alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset)
   }
 </script>
 </head>
 <body>

 <input type="button" onclick="scrollWindow()" value="Scroll">
 <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>

 </body>
 </html>

运行一下 »