You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p><dfnid="block-flow-direction">Block flow direction</dfn> and <dfnid="inline-base-direction">inline base direction</dfn> are defined in CSS Writing Modes Module. <ahref="#refsCSSWRITINGMODES">[CSSWRITINGMODES]</a>
243
243
244
-
<p>A scrolling box of a <ahref="#viewport">viewport</a> or element has two <dfnid="overflow-directions">overflow directions</dfn>, depending on the <ahref="#viewport">viewport</a>'s or element's
245
-
<ahref="#block-flow-direction">block flow direction</a> and <ahref="#inline-base-direction">inline base direction</a>, as follows:
244
+
<p>Elements and <ahref="#viewport" title="viewport">viewports</a> have an associated <dfnid="scrolling-box">scrolling box</dfn> if it overflows its content area<!--XXX xref--> and either has
245
+
a scrolling mechanism<!--XXX xref--> or the used value of the 'overflow-x' or 'overflow-y' property is 'hidden'. <ahref="#refsCSSBOX">[CSSBOX]</a>
246
+
247
+
<p>A <ahref="#scrolling-box">scrolling box</a> of a <ahref="#viewport">viewport</a> or element has two <dfnid="overflow-directions">overflow directions</dfn>, depending on the <ahref="#viewport">viewport</a>'s or
248
+
element's <ahref="#block-flow-direction">block flow direction</a> and <ahref="#inline-base-direction">inline base direction</a>, as follows:
246
249
247
250
<dlclass="switch">
248
251
<dt>If the <ahref="#block-flow-direction">block flow direction</a> is top-to-bottom and the <ahref="#inline-base-direction">inline base direction</a> is left-to-right
<p>The term <dfnid="scrolling-area">scrolling area</dfn> refers to a box of a <ahref="#viewport">viewport</a> or an element that has the following edges, depending on the
261
-
<ahref="#viewport">viewport</a>'s or element's scrolling box's <ahref="#overflow-directions">overflow directions</a>.
264
+
<ahref="#viewport">viewport</a>'s or element's <ahref="#scrolling-box">scrolling box</a>'s <ahref="#overflow-directions">overflow directions</a>.
<p>When a user agent is to <dfnid="perform-a-scroll">perform a scroll</dfn> of a scrolling box <var>box</var>, to a given position <var>position</var>, with a set of
440
+
<p>When a user agent is to <dfnid="perform-a-scroll">perform a scroll</dfn> of a <ahref="#scrolling-box">scrolling box</a><var>box</var>, to a given position <var>position</var>, with a set of
438
441
steps <var>task</var>, an associated element <var>element</var> and optionally a scroll behavior <var>behavior</var> (which is
439
442
<codetitle="">auto</code> if omitted), the following steps must be run:
<p>When a user agent is to perform a <dfnid="concept-smooth-scroll" title="concept-smooth-scroll">smooth scroll</dfn> of a scrolling box <var>box</var> to <var>position</var>,
469
+
<p>When a user agent is to perform a <dfnid="concept-smooth-scroll" title="concept-smooth-scroll">smooth scroll</dfn> of a <ahref="#scrolling-box">scrolling box</a><var>box</var> to <var>position</var>,
467
470
it must update the scroll position of <var>box</var> in a user-agent-defined fashion over a user-agent-defined amount of time. When the scroll is
468
471
<dfnid="concept-smooth-scroll-completed" title="concept-smooth-scroll-completed">completed</dfn>, the scroll position of <var>box</var> must be <var>position</var>. The scroll can also
469
472
be <dfnid="concept-smooth-scroll-aborted" title="concept-smooth-scroll-aborted">aborted</dfn>, either by an algorithm or by the user. <!--fingerprint-->
470
473
471
-
<p>When a user agent is to perform an <dfnid="concept-instant-scroll" title="concept-instant-scroll">instant scroll</dfn> of a scrolling box <var>box</var> to
474
+
<p>When a user agent is to perform an <dfnid="concept-instant-scroll" title="concept-instant-scroll">instant scroll</dfn> of a <ahref="#scrolling-box">scrolling box</a><var>box</var> to
472
475
<var>position</var>, it must update the scroll position of <var>box</var> to <var>position</var>.
473
476
474
477
<p>To <dfnid="scroll-to-the-beginning-of-the-document">scroll to the beginning of the document</dfn> for a document <var>document</var>, follow these steps:
Otherwise, let <var>y</var> be the given value.</li>
1079
1082
<li><p>If the element does not have any associated <ahref="#css-layout-box">CSS layout box</a>, the
1080
1083
element is the root element and the <codeclass="external" data-anolis-spec="dom"><ahref="http://dom.spec.whatwg.org/#document">Document</a></code> is in
1081
-
<aclass="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no associated scrolling box, or the element has no overflow,
1082
-
terminate these steps.</li>
1084
+
<aclass="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no associated <ahref="#scrolling-box">scrolling box</a>, or the element has no
1085
+
overflow, terminate these steps.</li>
1083
1086
<li><p>If the element is the root element invoke
1084
1087
<codetitle="dom-Window-scroll"><ahref="#dom-window-scroll">scroll()</a></code> with zero as first
1085
1088
argument and <var>y</var> as second, and, if the given value is a <code><ahref="#scrolloptionsvertical">ScrollOptionsVertical</a></code> object, the given value as the third argument.</li>
Otherwise, let <var>x</var> be the given value.</li>
1117
1120
<li><p>If the element does not have any associated <ahref="#css-layout-box">CSS layout box</a>, the
1118
1121
element is the root element and the <codeclass="external" data-anolis-spec="dom"><ahref="http://dom.spec.whatwg.org/#document">Document</a></code> is in
1119
-
<aclass="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no associated scrolling box, or the element has no overflow,
1120
-
terminate these steps.</li>
1122
+
<aclass="external" data-anolis-spec="dom" href="http://dom.spec.whatwg.org/#concept-document-quirks" title="concept-document-quirks">quirks mode</a>, or the element has no associated <ahref="#scrolling-box">scrolling box</a>, or the element has no
1123
+
overflow, terminate these steps.</li>
1121
1124
<li><p>If the element is the root element invoke
1122
1125
<codetitle="dom-Window-scroll"><ahref="#dom-window-scroll">scroll()</a></code> with
1123
1126
<var>x</var> as first argument and zero as second, and, if the given value is a <code><ahref="#scrolloptionshorizontal">ScrollOptionsHorizontal</a></code> object, the given value as the third
<p>To <dfnid="scroll-an-element-into-view">scroll an element into view</dfn><var>element</var>, optionally with an <i>align to top flag</i> set, and optionally with a scroll behavior
1219
1222
<var>behavior</var> (which is <codetitle="">auto</code> if omitted), means to run these steps for each ancestor element or <ahref="#viewport">viewport</a> that establishes
1220
-
a scrolling box <var>scrolling box</var>, in order of innermost to outermost scrolling box:</p>
1223
+
a <ahref="#scrolling-box">scrolling box</a><var>scrolling box</var>, in order of innermost to outermost <ahref="#scrolling-box">scrolling box</a>:</p>
1221
1224
1222
1225
<ol>
1223
1226
<li><p>If the <codeclass="external" data-anolis-spec="dom"><ahref="http://dom.spec.whatwg.org/#document">Document</a></code> associated
Applies to: <ahref="#scrolling-box" title="scrolling box">scrolling boxes</a>
1671
1674
Inherited: no
1672
1675
Computed value: specified value
1673
1676
Media: visual
1674
1677
Animatable: no
1675
1678
Canonical Order: per grammar
1676
1679
</pre>
1677
1680
1678
-
<p>The '<ahref="#scroll-behavior">scroll-behavior</a>' property specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling
1679
-
APIs. Scrolls that are performed by the user are not affected by this property. When this property is specified on the root element, it applies to the
1680
-
<ahref="#viewport">viewport</a> instead.
1681
+
<p>The '<ahref="#scroll-behavior">scroll-behavior</a>' property specifies the scrolling behavior for a <ahref="#scrolling-box">scrolling box</a>, when scrolling happens due to navigation or
1682
+
CSSOM scrolling APIs. Scrolls that are performed by the user are not affected by this property. When this property is specified on the root element, it applies
1683
+
to the <ahref="#viewport">viewport</a> instead.
1681
1684
1682
1685
<pclass="note">The '<ahref="#scroll-behavior">scroll-behavior</a>' property of the HTML <codetitle="">body</code> element is <em>not</em> propagated to the viewport.
<dd><p>The scrolling box is scrolled in a smooth fashion using a user-agent-defined timing function over a user-agent-defined period of time. User agents
1690
-
should follow platform convensions, if any. <!--fingerprint-->
1692
+
<dd><p>The <ahref="#scrolling-box">scrolling box</a> is scrolled in a smooth fashion using a user-agent-defined timing function over a user-agent-defined period of time. User
1693
+
agents should follow platform convensions, if any. <!--fingerprint-->
1691
1694
</dl>
1692
1695
1693
1696
<p>User agents may ignore this property. <!--fingerprint-->
0 commit comments