Export (0) Print
Expand All
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

-ms-scroll-snap-x property

Specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.

This property is read/write.


-ms-scroll-snap-x: <-ms-scroll-snap-type> <-ms-scroll-snap-points-x>

Property values

The scroll snap properties, separated by a space.


Value of the -ms-scroll-snap-type property.


Value of the -ms-scroll-snap-points-x property.

CSS information

Applies Tonon-replaced block-level elements and non-replaced inline-block elements
Initial Value(see individual properties)


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.

This property requires Windows 8 or later.


The -ms-scroll-snap-x property is a shorthand property. The following two selectors have an identical effect:

.scroll1 {
  -ms-scroll-snap-type: proximity;
  -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);

.scroll2 {
  -ms-scroll-snap-x: proximity snapList(100%, 200%, 300%, 400%, 500%);

See also

Windows Store apps using JavaScript Samples: HTML scrolling, panning and zooming sample
Internet Explorer Samples: Scrolling, panning, and zooming with touch input



© 2015 Microsoft