Window: scrollX 属性
Baseline 广泛可用 *
Window 接口的只读属性 scrollX 返回文档当前水平滚动的像素数。在现代浏览器中，此值是亚像素精度的，也就是说它不一定是整数。您可以通过 scrollY 属性获取文档垂直滚动的像素数。
值
一个双精度浮点数值，表示文档当前从原点水平滚动的像素数，正值表示内容向右滚动（显示更多右侧内容）。更专业地说，scrollX 返回当前 视口 左边缘的 X 坐标。如果文档根本没有左右滚动，则 scrollX 为 0。如果没有视口，则返回值为 0。如果文档在亚像素精度设备上渲染，则返回值也是亚像素精度的，可能包含小数部分。
注意：如果您需要一个整数值，可以使用 Math.round() 对其进行四舍五入。
如果文档可以从初始包含块向左滚动，scrollX 可能为负值。例如，如果文档是从右到左显示并且内容向左增长。
Safari 通过更新大于最大滚动位置的 scrollX 来响应过度滚动（除非禁用了默认的“反弹”效果，例如通过将 overscroll-behavior 设置为 none），而 Chrome 和 Firefox 则不会。
此属性是只读的。要将窗口滚动到特定位置，请使用 Window.scroll()。
示例
此示例检查文档当前的水平滚动位置。如果大于 400 像素，则将窗口滚动回开头。
js
if (window.scrollX > 400) {
window.scroll(0, 0);
}
注意
pageXOffset 属性是 scrollX 属性的别名。这意味着如果您没有重新分配这两个属性中的任何一个，window.pageXOffset === window.scrollX 始终为 true。
规范
| 规范 |
|---|
| CSSOM 视图模块 # dom-window-scrollx |
浏览器兼容性
加载中…