scrollX/scrollY; sigh

Author: annevk

cssom-view/Overview.html

@@ -305,8 +305,12 @@ <h2 id=extensions-to-the-window-interface><span class=secno>3.
   // viewport
   readonly attribute long <a href="#dom-window-innerwidth">innerWidth</a>;
   readonly attribute long <a href="#dom-window-innerheight">innerHeight</a>;
-  readonly attribute long <a href="#dom-window-pagexoffset">pageXOffset</a>;
-  readonly attribute long <a href="#dom-window-pageyoffset">pageYOffset</a>;
+
+  // viewport scrolling
+  readonly attribute long <a href="#dom-window-scrollx" title=dom-Window-scrollX>scrollX</a>;
+  readonly attribute long <a href="#dom-window-pagexoffset" title=dom-Window-pageXOffset>pageXOffset</a>;
+  readonly attribute long <a href="#dom-window-scrolly" title=dom-Window-scrollY>scrollY</a>;
+  readonly attribute long <a href="#dom-window-pageyoffset" title=dom-Window-pageYOffset>pageYOffset</a>;
   void <a href="#dom-window-scroll" title=dom-Window-scroll>scroll</a>(long <var title="">x</var>, long <var title="">y</var>);
   void <a href="#dom-window-scrollto" title=dom-Window-scrollto>scrollTo</a>(long <var title="">x</var>, long <var title="">y</var>);
   void <a href="#dom-window-scrollby" title=dom-Window-scrollby>scrollBy</a>(long <var title="">x</var>, long <var title="">y</var>);
@@ -364,15 +368,21 @@ <h2 id=extensions-to-the-window-interface><span class=secno>3.
    href="#viewport">viewport</a> height including the size of a rendered
    scroll bar (if any).
 
-  <p>The <dfn id=dom-window-pagexoffset><code>pageXOffset</code></dfn>
-   attribute <em class=ct>must</em> return the x-coordinate, relative to the
-   <a href="#initial-containing-block">initial containing block</a> origin,
-   of the left of the <a href="#viewport">viewport</a>.
+  <p>The <dfn id=dom-window-scrollx
+   title=dom-Window-scrollX><code>scrollX</code></dfn> and <dfn
+   id=dom-window-pagexoffset
+   title=dom-Window-pageXOffset><code>pageXOffset</code></dfn> attributes <em
+   class=ct>must</em> return the x-coordinate, relative to the <a
+   href="#initial-containing-block">initial containing block</a> origin, of
+   the left of the <a href="#viewport">viewport</a>.
 
-  <p>The <dfn id=dom-window-pageyoffset><code>pageYOffset</code></dfn>
-   attribute <em class=ct>must</em> return the y-coordinate, relative to the
-   <a href="#initial-containing-block">initial containing block</a> origin,
-   of the top of the <a href="#viewport">viewport</a>.
+  <p>The <dfn id=dom-window-scrolly
+   title=dom-Window-scrollY><code>scrollY</code></dfn> and <dfn
+   id=dom-window-pageyoffset
+   title=dom-Window-pageYOffset><code>pageYOffset</code></dfn> attributes <em
+   class=ct>must</em> return the y-coordinate, relative to the <a
+   href="#initial-containing-block">initial containing block</a> origin, of
+   the top of the <a href="#viewport">viewport</a>.
 
   <p>When the <dfn id=dom-window-scroll
    title=dom-Window-scroll><code>scroll(<var title="">x</var>,<var
@@ -453,11 +463,10 @@ <h2 id=extensions-to-the-window-interface><span class=secno>3.
    title="">y</var>)</code></dfn> method is invoked, the user agent <em
    class=ct>must</em> act as if the <a href="#dom-window-scroll"><code
    title=dom-Window-scroll>scroll()</code></a> method was invoked with <var
-   title="">x</var> plus <a
-   href="#dom-window-pagexoffset"><code>pageXOffset</code></a> as first
-   argument and <var title="">y</var> plus <a
-   href="#dom-window-pageyoffset"><code>pageYOffset</code></a> as second
-   argument.
+   title="">x</var> plus <a href="#dom-window-scrollx"><code
+   title=dom-Window-scrollX>scrollX</code></a> as first argument and <var
+   title="">y</var> plus <a href="#dom-window-scrolly"><code
+   title=dom-Window-scrollY>scrollY</code></a> as second argument.
 
   <p>The <dfn id=dom-window-screenx><code>screenX</code></dfn> attribute <em
    class=ct>must</em> return the x-coordinate, relative to the origin of the
@@ -841,15 +850,16 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
 
    <li>
     <p>If the element is the root element return the value of <a
-     href="#dom-window-pageyoffset"><code>pageYOffset</code></a>.
+     href="#dom-window-scrolly"><code
+     title=dom-Window-scrollY>scrollY</code></a>.
 
    <li>
     <p>If the element is <a href="#the-html-body-element">the HTML
      <code>body</code> element</a>, the <a
      href="#document"><code>Document</code></a> is in <a
      href="#quirks-mode">quirks mode</a>, and the element does not have any
-     overflow, return the value of <a
-     href="#dom-window-pageyoffset"><code>pageYOffset</code></a>.
+     overflow, return the value of <a href="#dom-window-scrolly"><code
+     title=dom-Window-scrollY>scrollY</code></a>.
 
    <li>
     <p>Return the y-coordinate of the <a href="#content">content</a> at the
@@ -884,8 +894,10 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
      href="#document"><code>Document</code></a> is in <a
      href="#quirks-mode">quirks mode</a>, and the element does not have any
      vertical overflow, invoke <a href="#dom-window-scroll"><code
-     title=dom-Window-scroll>scroll()</code></a> with zero as first argument
-     and <var title="">y</var> as second.
+     title=dom-Window-scroll>scroll()</code></a> with <a
+     href="#dom-window-scrollx"><code
+     title=dom-Window-scrollX>scrollX</code></a> as first argument and <var
+     title="">y</var> as second.
 
    <li>
     <p>If <var title="">y</var> is infinite or NaN stop this algorithm.</p>
@@ -921,15 +933,16 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
 
    <li>
     <p>If the element is the root element return the value of <a
-     href="#dom-window-pagexoffset"><code>pageXOffset</code></a>.
+     href="#dom-window-scrollx"><code
+     title=dom-Window-scrollX>scrollX</code></a>.
 
    <li>
     <p>If the element is <a href="#the-html-body-element">the HTML
      <code>body</code> element</a>, the <a
      href="#document"><code>Document</code></a> is in <a
      href="#quirks-mode">quirks mode</a>, and the element does not have any
-     overflow, return the value of <a
-     href="#dom-window-pagexoffset"><code>pageXOffset</code></a>.
+     overflow, return the value of <a href="#dom-window-scrollx"><code
+     title=dom-Window-scrollX>scrollX</code></a>.
 
    <li>
     <p>Return the x-coordinate of the <a href="#content">content</a> at the
@@ -965,7 +978,8 @@ <h3 id=scroll-attributes><span class=secno>5.2. </span>The <code
      href="#quirks-mode">quirks mode</a>, and the element does not have any
      vertical overflow, invoke <a href="#dom-window-scroll"><code
      title=dom-Window-scroll>scroll()</code></a> with <var title="">x</var>
-     as first argument and zero as second.
+     as first argument and <a href="#dom-window-scrolly"><code
+     title=dom-Window-scrollY>scrollY</code></a> as second.
 
    <li>
     <p>If <var title="">x</var> is infinite or NaN stop this algorithm.</p>

cssom-view/Overview.src.html

@@ -181,8 +181,12 @@ <h2 id="extensions-to-the-window-interface">Extensions to the <code title="">Win
   // viewport
   readonly attribute long <span>innerWidth</span>;
   readonly attribute long <span>innerHeight</span>;
-  readonly attribute long <span>pageXOffset</span>;
-  readonly attribute long <span>pageYOffset</span>;
+
+  // viewport scrolling
+  readonly attribute long <span title="dom-Window-scrollX">scrollX</span>;
+  readonly attribute long <span title="dom-Window-pageXOffset">pageXOffset</span>;
+  readonly attribute long <span title="dom-Window-scrollY">scrollY</span>;
+  readonly attribute long <span title="dom-Window-pageYOffset">pageYOffset</span>;
   void <span title="dom-Window-scroll">scroll</span>(long <var title="">x</var>, long <var title="">y</var>);
   void <span title="dom-Window-scrollto">scrollTo</span>(long <var title="">x</var>, long <var title="">y</var>);
   void <span title="dom-Window-scrollby">scrollBy</span>(long <var title="">x</var>, long <var title="">y</var>);
@@ -237,13 +241,17 @@ <h2 id="extensions-to-the-window-interface">Extensions to the <code title="">Win
   <span>viewport</span> height including the size of a rendered scroll bar
   (if any).</p>
 
-  <p>The <dfn id="dom-window-pagexoffset"><code>pageXOffset</code></dfn>
-  attribute <em class="ct">must</em> return the x-coordinate,
+  <p>The
+  <dfn id="dom-window-scrollx" title="dom-Window-scrollX"><code>scrollX</code></dfn> and
+  <dfn id="dom-window-pagexoffset" title="dom-Window-pageXOffset"><code>pageXOffset</code></dfn>
+  attributes <em class="ct">must</em> return the x-coordinate,
   relative to the <span>initial containing block</span> origin, of the left
   of the <span>viewport</span>.</p>
 
-  <p>The <dfn id="dom-window-pageyoffset"><code>pageYOffset</code></dfn>
-  attribute <em class="ct">must</em> return the y-coordinate,
+  <p>The
+  <dfn id="dom-window-scrolly" title="dom-Window-scrollY"><code>scrollY</code></dfn> and
+  <dfn id="dom-window-pageyoffset" title="dom-Window-pageYOffset"><code>pageYOffset</code></dfn>
+  attributes <em class="ct">must</em> return the y-coordinate,
   relative to the <span>initial containing block</span> origin, of the top
   of the <span>viewport</span>.</p>
 
@@ -311,9 +319,9 @@ <h2 id="extensions-to-the-window-interface">Extensions to the <code title="">Win
   <dfn id="dom-window-scrollby" title="dom-Window-scrollby"><code>scrollBy(<var title="">x</var>,<var title="">y</var>)</code></dfn>
   method is invoked, the user agent <em class="ct">must</em> act as if the
   <code title="dom-Window-scroll">scroll()</code> method was invoked with
-  <var title="">x</var> plus <code>pageXOffset</code> as first argument and
-  <var title="">y</var> plus <code>pageYOffset</code> as second
-  argument.</p>
+  <var title="">x</var> plus <code title="dom-Window-scrollX">scrollX</code>
+  as first argument and <var title="">y</var> plus
+  <code title="dom-Window-scrollY">scrollY</code> as second argument.</p>
 
   <p>The <dfn id="dom-window-screenx"><code>screenX</code></dfn>
   attribute <em class="ct">must</em> return the x-coordinate,
@@ -663,12 +671,12 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
    <span>quirks mode</span> return zero and terminate these steps.</p></li>
 
    <li><p>If the element is the root element return the value of
-   <code>pageYOffset</code>.</p></li>
+   <code title="dom-Window-scrollY">scrollY</code>.</p></li>
 
    <li><p>If the element is <span>the HTML <code>body</code> element</span>,
    the <code>Document</code> is in <span>quirks mode</span>, and the element
    does not have any overflow, return the value of
-   <code>pageYOffset</code>.</p></li>
+   <code title="dom-Window-scrollY">scrollY</code>.</p></li>
 
    <li><p>Return the y-coordinate of the <span>content</span> at the
    alignment point with the top of the <span>content edge</span> of the
@@ -693,7 +701,8 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
    <li><p>If the element is <span>the HTML <code>body</code> element</span>,
    the <code>Document</code> is in <span>quirks mode</span>, and the element
    does not have any vertical overflow, invoke
-   <code title="dom-Window-scroll">scroll()</code> with zero as first
+   <code title="dom-Window-scroll">scroll()</code> with
+   <code title="dom-Window-scrollX">scrollX</code> as first
    argument and <var title="">y</var> as second.</p></li>
 
    <li><p>If <var title="">y</var> is infinite or NaN stop this
@@ -722,12 +731,12 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
    <span>quirks mode</span> return zero and terminate these steps.</p></li>
 
    <li><p>If the element is the root element return the value of
-   <code>pageXOffset</code>.</p></li>
+   <code title="dom-Window-scrollX">scrollX</code>.</p></li>
 
    <li><p>If the element is <span>the HTML <code>body</code> element</span>,
    the <code>Document</code> is in <span>quirks mode</span>, and the element
    does not have any overflow, return the value of
-   <code>pageXOffset</code>.</p></li>
+   <code title="dom-Window-scrollX">scrollX</code>.</p></li>
 
    <li><p>Return the x-coordinate of the <span>content</span> at the
    alignment point with the left of the <span>content edge</span> of the
@@ -753,7 +762,8 @@ <h3 id="scroll-attributes">The <code title="">scrollTop</code>,
    the <code>Document</code> is in <span>quirks mode</span>, and the element
    does not have any vertical overflow, invoke
    <code title="dom-Window-scroll">scroll()</code> with
-   <var title="">x</var> as first argument and zero as second.</p></li>
+   <var title="">x</var> as first argument and
+   <code title="dom-Window-scrollY">scrollY</code> as second.</p></li>
 
    <li><p>If <var title="">x</var> is infinite or NaN stop this
    algorithm.</p>