files/zh-cn/web/api/window/scrollx/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

---
title: Window.scrollX
slug: Web/API/Window/scrollX
translation_of: Web/API/Window/scrollX
---
<div>
 {{ APIRef() }}</div>
<h2 id="Summary" name="Summary">概述</h2>
<p>返回文档/页面水平方向滚动的像素值。</p>
<h2 id="Syntax" name="Syntax">语法</h2>
<pre class="syntaxbox">var x = window.scrollX;</pre>
<h3 id="Parameters" name="Parameters">参数</h3>
<ul>
 <li><font face="Courier New, Andale Mono, monospace"><span style="line-height: normal;">x</span></font> 为该文档从左侧开始滚动的像素值。</li>
</ul>
<h2 id="Example" name="Example">示例</h2>
<pre class="brush:js">// 如果 scrollX 大于 400，则把文档重新滚动到左上角。
if (window.scrollX &gt; 400) {
  window.scroll(0,0);
}</pre>
<h2 id="Notes" name="Notes">备注</h2>
<p><code style="font-size: 14px;">pageXOffset</code><span style="line-height: 1.572;"> 属性是 </span><code style="font-size: 14px;">scrollX</code><span style="line-height: 1.572;"> 属性的别名：</span></p>
<pre>window.pageXOffset == window.scrollX; // 总是 true</pre>
<p>为了跨浏览器兼容性，请使用 <code>window.pageXOffset</code> 代替 <code>window.scrollX</code>。另外，旧版本的 IE（&lt;9）两个属性都不支持，必须通过其他的非标准属性来解决此问题。完整的兼容性代码如下：</p>
<pre class="brush:js">var x = (window.pageXOffset !== undefined) ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;</pre>
<h2 id="Specification" name="Specification">规范</h2>
<ul>
 <li>CSSOM View Module: <a class="external" href="http://dev.w3.org/csswg/cssom-view/#widl-Window-scrollX">window.scrollX</a> (Editor's Draft)</li>
</ul>
<h2 id="See_also" name="See_also">相关链接</h2>
<ul>
 <li>{{domxref("window.scrollY")}}</li>
</ul>