-ms-scroll-snap-type property

Specifies what type of snap-point should be used for the current element.

This property is read/write.

Internet Explorer 10

 

Syntax

-ms-scroll-snap-type: none | proximity | mandatory

Property values

One of the following values.

  • none
    Initial value. Panning and scrolling are unaffected by any defined snap-points. Touch flicks will result in normal inertia.

  • proximity
    When normal inertia would leave content near a snap point, inertia is adjusted to land exactly on the snap point. However, it is still possible to land between snap points.

  • mandatory
    Inertia is adjusted to ensure content always lands on a snap point.

CSS information

Applies To non-replaced block-level elements and non-replaced inline-block elements
Media interactive
Inherited no
Initial Value none

Remarks

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.

See also

CSSStyleDeclaration

Windows apps using JavaScript Samples: HTML scrolling, panning and zooming sample

Internet Explorer Samples: Scrolling, panning, and zooming with touch input