aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/api/window/scrollx/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/zh-cn/web/api/window/scrollx/index.html')
-rw-r--r--files/zh-cn/web/api/window/scrollx/index.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/window/scrollx/index.html b/files/zh-cn/web/api/window/scrollx/index.html
new file mode 100644
index 0000000000..8981bee856
--- /dev/null
+++ b/files/zh-cn/web/api/window/scrollx/index.html
@@ -0,0 +1,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>