免費AI編程助手
Window pageXOffset 和 pageYOffset 屬性
Window 對象定義和用法
pageXOffset 設(shè)置或返回當(dāng)前頁面相對于窗口顯示區(qū)左上角的 X 位置。
pageYOffset 設(shè)置或返回當(dāng)前頁面相對于窗口顯示區(qū)左上角的 Y 位置。
語法
window.pageXOffset
window.pageYOffset
window.pageYOffset
瀏覽器支持
所有主流瀏覽器都支持 pageXOffset 和 pageYOffset 屬性。
注意： IE 8 及 更早 IE 版本不支持該屬性,但可以使用 "document.body.scrollLeft" 和 "document.body.scrollTop" 屬性 。
實例
實例
滾動100個像素的內(nèi)容，并彈出pageXOffset和pageYOffset：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<head>
<script>
function scrollWindow(){
window.scrollBy(100,100)
alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset)
}
</script>
</head>
<body>
<input type="button" onclick="scrollWindow()" value="滾動" />
<p>滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<head>
<script>
function scrollWindow(){
window.scrollBy(100,100)
alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset)
}
</script>
</head>
<body>
<input type="button" onclick="scrollWindow()" value="滾動" />
<p>滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動 滾動</p>
</body>
</html>
嘗試一下 ?
Window 對象
更多建議：