-ms-overflow-style property

Specifies the preferred scrolling methods for elements that overflow.

This property is read/write.

Syntax

-ms-overflow-style: auto | none | scrollbar | -ms-autohiding-scrollbar

Property values

One or more of the following scrolling method values, in the order of preference.

auto

Initial value. Indicates the element inherits its -ms-overflow-style from its parent element.

In Windows Store apps using JavaScript, on the root element, auto behaves like -ms-autohiding-scrollbar.

none

Indicates the element does not display scrollbars or panning indicators, even when its content overflows.

Unlike overflow: hidden, elements with -ms-overflow-style: none can still be scrolled via touch panning, keyboard, or mouse wheel.

scrollbar

Indicates the element displays a classic scrollbar-type control when its content overflows.

Unlike -ms-autohiding-scrollbar, scrollbars on elements with the -ms-overflow-style property set to scrollbar always appear on the screen and do not fade out when the element is inactive.

Scrollbars do not overlay content, and therefore take up extra layout space along the edges of the element where they appear.

-ms-autohiding-scrollbar

Indicates the element displays auto-hiding scrollbars during mouse interactions and panning indicators during touch and keyboard interactions.

Auto-hiding scrollbars overlay content, and therefore do not require extra layout space.

CSS information

Remarks

The -ms-overflow-style property only has an effect on elements that overflow using the overflow property.

When using auto-hiding scrollbars, you should ensure your content has sufficient padding to prevent interactive content from being obscured beneath the scrollbar.

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

Build date: 11/29/2012