Window scrollX
示例 1
將內容滾動 100 畫素，並彈出 scrollX 和 scrollY
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
自己動手試一試 »
更多示例見下文。
描述
scrollX 屬性返回文件從視窗左上角滾動的畫素數。
scrollX 屬性是隻讀的。
注意
scrollX 屬性等於 pageXOffset 屬性。
為了跨瀏覽器相容性，請使用 window.pageXOffset 而不是 window.scrollX。
另請參閱
語法
window.scrollX或者scrollX
返回值
| 型別 | 描述 |
| 一個數字 | 文件從視窗左上角滾動的畫素數。 |
更多示例
建立粘性導航欄
// 獲取導航欄
const navbar = document.getElementById("navbar");
// 獲取導航欄的偏移位置
const sticky = navbar.offsetTop;
// 當滾動位置達到導航欄時，為其新增 sticky 類。當離開滾動位置時，移除 sticky 類。
function myFunction() {
if (window.scrollY >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
自己動手試一試 »
瀏覽器支援
window.scrollX 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
