Gecko:CSSScrollSnapping: Difference between revisions

Line 15: Line 15:
This property defines which (if any) edges of the first CSS box for the element contribute to the allowable snapping positions for the nearest scrollable ancestor.
This property defines which (if any) edges of the first CSS box for the element contribute to the allowable snapping positions for the nearest scrollable ancestor.


For an element E with 'scroll-snap-vertical' not 'none', the set of vertical snapping positions is the union of
For an element E with 'scroll-snap-vertical' not 'none', the set of ''vertical snapping positions'' is the union of
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'margin-top', the top edge of the first margin-box of D if there is one.
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'margin-top', the top edge of the first margin-box of D if there is one.
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'top', the to edge of the first border-box of D if there is one.
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'top', the to edge of the first border-box of D if there is one.
* Zero.
* Zero.


For an element E with 'scroll-snap-vertical' not 'none', the set of horizontal snapping positions is the union of
For an element E with 'scroll-snap-vertical' not 'none', the set of ''horizontal snapping positions'' is the union of
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'margin-left', the left edge of the first margin-box of D if there is one.
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'margin-left', the left edge of the first margin-box of D if there is one.
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'left', the left edge of the first border-box of D if there is one.
* For each descendant D of E for which E is the nearest scrollable ancestor, where D's value of 'scroll-snap-edge' is 'left', the left edge of the first border-box of D if there is one.
1,295

edits