Window scrollX 属性
- Προηγούμενη Σελίδα scrollTo()
- Επόμενη Σελίδα scrollY
- Επιστροφή στο Προηγούμενο επίπεδο Όντότητα Window
定义和用法
scrollX
属性返回文档从窗口左上角滚动的像素。
scrollX
属性是只读的。
提示
scrollX
属性等于 pageXOffset
属性。
为了跨浏览器兼容性,请使用 window.pageXOffset
而不是 window.scrollX
。
另请参阅:
实例
例子 1
将内容滚动 100 像素,并提示 scrollX 和 scrollY:
window.scrollBy(100, 100); alert(window.scrollX + window.scrollY);
例子 2
创建粘性导航栏:
// 获取导航栏 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
ή:
scrollX
Αποτελεσματική τιμή
Τύπος | Περιγραφή |
---|---|
Αριθμός | Η αριθμητική απόσταση από το πάνω αριστερό κόκκινο της οθόνης. |
Υποστήριξη Περιηγητών
Όλοι οι περιηγητές υποστηρίζουν window.scrollX
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Υποστήριξη | 9-11 | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
- Προηγούμενη Σελίδα scrollTo()
- Επόμενη Σελίδα scrollY
- Επιστροφή στο Προηγούμενο επίπεδο Όντότητα Window