diff options
Diffstat (limited to 'files/zh-cn/web/api/window/scrollx/index.html')
-rw-r--r-- | files/zh-cn/web/api/window/scrollx/index.html | 34 |
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 > 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(<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> |