-ms-scroll-snap-y property

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

This property is read/write.

Syntax

-ms-scroll-snap-y: -ms-scroll-snap-type -ms-scroll-snap-points-y

Property values

The scroll snap properties, separated by a space.

-ms-scroll-snap-type

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

-ms-scroll-snap-points-y

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

CSS information

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

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.

Examples

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


.scroll1 {
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-y: snapInterval(0%, 100%);
}

.scroll2 {
  -ms-scroll-snap-y: mandatory snapInterval(0%, 100%);
}

See also

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

 

 

Show:
© 2014 Microsoft