Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The -ms-scroll-snap-x CSS shorthand property is a Microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.
| Initial value | as each of the properties of the shorthand:
|
|---|---|
| Applies to | non-replaced block-level elements and non-replaced inline-block elements |
| Inherited | no |
| Computed value | as each of the properties of the shorthand:
|
| Animation type | discrete |
Syntax
Values
The -ms-scroll-snap-y shorthand property is specified as one or both of the following values, in order and separated by spaces.
-ms-scroll-snap-type-
The value of the
-ms-scroll-snap-typeproperty. -ms-scroll-snap-points-y-
The value of the
-ms-scroll-snap-points-yproperty.
Formal syntax
<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>
Examples
The -ms-scroll-snap-y property is a shorthand property. The two selectors in the following example have the same effect.
.scroll1 {
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-y: snapInterval(0, 100%);
}
.scroll2 {
-ms-scroll-snap-y: mandatory snapInterval(0, 100%);
}
Specifications
Not part of any specification.
Remarks
This property requires Windows 8 or later.
This property has no effect on non-scrollable elements.
Starting with Windows 8.1, this property is also supported for mouse, keyboard, and touchpad interaction.