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
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.
311
311
</dl>
312
312
313
-
<h2id="scroll-snap-destination">Scroll Snap Destination: the 'scroll-snap-destination' property</h2>
314
-
315
-
The 'scroll-snap-destination' property is used to define the x and y coordinate within the <a>scroll container's</a> visual viewport
316
-
which element snap points will align with.
317
-
318
-
<preclass="propdef">
319
-
Name: scroll-snap-destination
320
-
Value: <<position>>
321
-
Initial: 0px 0px
322
-
Applies to: <a>scroll containers</a>
323
-
Inherited: no
324
-
Percentages: relative to width and height of the padding-box of the <a>scroll container</a>
325
-
Media: interactive
326
-
Computed value: specified value, with lengths made absolute
Specifies the offset of the snap destination from the start edge of the <a>scroll container's</a> visual viewport. The first value gives the x coordinate of the snap destination, the second value its y coordinate.
334
-
</dl>
335
-
336
-
<h2id="scroll-snap-coordinate">Scroll Snap Coordinate: the 'scroll-snap-coordinate' property</h2>
337
-
338
-
The 'scroll-snap-coordinate' property is used to define a coordinate within an element. This coordinate is then associated with the nearest ancestor element which is a <a>scroll container</a> or has a scroll-snap-type that is not "none". If it is associated with a <a>scroll container</a>, then that <a>scroll container</a> is considered to be snapped to that element if its scroll offset is such that the coordinate and destination are aligned. In the case that the element has been transformed, the snap coordinate is also transformed in the same way (such that the snap-point is aligned with the element as-drawn).
339
-
340
-
<pclass="issue">
341
-
Consider alternative naming besides "coordinate". Consider naming conventions like in Grid Layout for grouping properties on the container vs. items.
Specifies the offset of the snap coordinate from the start edge of the element's specified box. If the box argument is omitted it defaults to border-box.
0 commit comments