Skip to content

Commit 66e84c7

Browse files
committed
[css-snappoints] scroll offset -> scroll position
1 parent 8a15f6c commit 66e84c7

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

css-snappoints/Overview.bs

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -34,11 +34,11 @@ Introduction {#intro}
3434
like touch panning and mousewheel scrolling,
3535
it is difficult for web developers to guarantee a well-controlled scrolling experience,
3636
in particular creating the effect of paging through content.
37-
For instance, it is easy for a user to land at an awkward scroll offset
37+
For instance, it is easy for a user to land at an awkward scroll position
3838
which leaves a page partially on-screen when panning.
3939

4040
To this end, we introduce scroll snap positions
41-
which enforce the scroll offsets that a <a>scroll container's</a> scrollport may end at
41+
which enforce the scroll positions that a <a>scroll container's</a> scrollport may end at
4242
after a scrolling operation has completed.
4343

4444
Module interactions {#placement}
@@ -91,7 +91,7 @@ Motivating Examples {#examples}
9191
overflow-x: auto;
9292
overflow-y: hidden;
9393
white-space: nowrap;
94-
/* Requires that the scroll offset always be
94+
/* Requires that the scroll position always be
9595
at a snap position when the scrolling
9696
operation completes. */
9797
scroll-snap-type: mandatory;
@@ -113,7 +113,7 @@ Motivating Examples {#examples}
113113

114114
<figcaption>
115115
The layout of the scroll container's contents in the example.
116-
The snapport is represented by the red rectangle, and the snap area is represented by the yellow rectangle. Since the scroll-snap-align is "center" in the X axis, a snap position is established at each scroll offset which aligns the X-center of the snapport (represented by a red dotted line) with the X-center of a snap area (represented by a yellow dotted line).
116+
The snapport is represented by the red rectangle, and the snap area is represented by the yellow rectangle. Since the scroll-snap-align is "center" in the X axis, a snap position is established at each scroll position which aligns the X-center of the snapport (represented by a red dotted line) with the X-center of a snap area (represented by a yellow dotted line).
117117
</figcaption>
118118
</figure>
119119
</div>
@@ -158,7 +158,7 @@ Motivating Examples {#examples}
158158

159159
<figcaption>
160160
The layout of the scroll container's contents in the example.
161-
The snapport is represented by the red rectangle (inset from the top by 100px due to the scroll-snap-padding), and the snap area is represented by the yellow rectangle. Since the scroll-snap-align is "start" in the Y axis, a snap position is established at each scroll offset which aligns the Y-start of the snapport (represented by a red dotted line) with the Y-start of a snap area (represented by a yellow dotted line).
161+
The snapport is represented by the red rectangle (inset from the top by 100px due to the scroll-snap-padding), and the snap area is represented by the yellow rectangle. Since the scroll-snap-align is "start" in the Y axis, a snap position is established at each scroll position which aligns the Y-start of the snapport (represented by a red dotted line) with the Y-start of a snap area (represented by a yellow dotted line).
162162
</figcaption>
163163
</figure>
164164
</div>
@@ -218,15 +218,15 @@ Definitions {#definitions}
218218

219219
<dt><dfn lt="scroll snap position" local-lt="snap position" export>snap position</dfn>
220220
<dd>
221-
For a scroll container, a particular value for its scroll offset is a snap position if when scrolled to that offset the scrollport of the scroll container would align with a descendent element in the manner specified by the scroll snap properties.
221+
For a scroll container, a particular value for its scroll position is a snap position if when scrolled to that position the scrollport of the scroll container would align with a descendent element in the manner specified by the scroll snap properties.
222222

223223
<dt><dfn lt="scroll snapped" local-lt="snapped" export>snapped</dfn>
224224
<dd>
225-
A scroll container is said to be snapped to a snap position if its scrollport's scroll offset is that snap position and there is no active scrolling operation.
225+
A scroll container is said to be snapped to a snap position if its scrollport's scroll position is that snap position and there is no active scrolling operation.
226226

227227
<dt><dfn lt="scroll snap" local-lt="snap|snapping" export>snap</dfn>
228228
<dd>
229-
The act of adjusting the scroll offset of a scroll container's scrollport such that it is snapped to a snap position is called snapping.
229+
The act of adjusting the scroll position of a scroll container's scrollport such that it is snapped to a snap position is called snapping.
230230
</dl>
231231

232232
Capturing Scroll Snap Areas: Properties on the scroll container {#properties-on-the-scroll-container}
@@ -263,7 +263,7 @@ Scroll Snapping Rules: the 'scroll-snap-type' property {#scroll-snap-type}
263263
(''scroll-snap-type/none'', ''proximity'', ''mandatory'')
264264
specify how strictly
265265
<a>snap positions</a> are enforced on the <a>scroll container</a>
266-
(by forcing an adjustment to the scroll offset).
266+
(by forcing an adjustment to the scroll position).
267267
Values are defined as follows:
268268

269269
Issue: <a href="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <a href="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.
@@ -484,15 +484,15 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
484484

485485
<dt><dfn>start</dfn>
486486
<dd>
487-
The scroll offset which aligns the start edge of this box's scroll snap area with the start edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
487+
The scroll position which aligns the start edge of this box's scroll snap area with the start edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
488488

489489
<dt><dfn>end</dfn>
490490
<dd>
491-
The scroll offset which aligns the end edge of this box's scroll snap area with the end edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
491+
The scroll position which aligns the end edge of this box's scroll snap area with the end edge of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
492492

493493
<dt><dfn>center</dfn>
494494
<dd>
495-
The scroll offset which aligns the center of this box's scroll snap area with the center of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
495+
The scroll position which aligns the center of this box's scroll snap area with the center of its ancestor scroll container's region defined by 'scroll-snap-padding' in the specified axis is a <a>snap position</a> in that axis.
496496
</dl>
497497

498498
<!--

0 commit comments

Comments
 (0)