Specifies the preferred scrolling methods for elements that overflow.
This property is read/write.
-ms-overflow-style: auto | none | scrollbar | -ms-autohiding-scrollbar
One or more of the following scrolling method values, in the order of preference.
Initial value. Indicates the element inherits its -ms-overflow-style from its parent element.
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.
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.
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.
|Applies To||non-replaced block-level elements and non-replaced inline-block elements|
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.
- Internet Explorer Samples: Scrolling, panning, and zooming with touch input
Build date: 11/29/2012