非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。
-ms-scroll-chaining
CSS
特性为
Microsoft extension
that specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
| 初始值 |
chained
|
|---|---|
| 适用于 | non-replaced block-level elements and non-replaced inline-block elements |
| 继承 | no |
| 计算值 | 如指定 |
| 动画类型 | discrete |
chained
Initial value. The nearest scrollable parent element begins scrolling when the user hits a scroll limit during any manipulation. No bounce effect is shown.
none
A bounce effect is shown when the user hits a scroll limit during any manipulation.
chained | none
The following example illustrates the
-ms-scroll-chaining
property in use. In this case the image container has its
-ms-scroll-chaining property
设为
chained
, which means that when a user is scrolling through a nested scrollable element and it hits its boundary the parent scrollable element will begin to scroll in the same direction. Had the
-ms-scroll-chaining
property been set to
none
, the user would observe a bounce effect when the nested element reaches its boundary. For more information, see
HTML scrolling, panning and zooming sample
or Internet Explorer 10
Scrolling, panning, and zooming with touch
.
.imageContainer {
-ms-scroll-chaining: chained;
-ms-overflow-style: none;
-ms-content-zooming: zoom;
-ms-scroll-rails: none;
-ms-content-zoom-limit-min: 100%;
-ms-content-zoom-limit-max: 500%;
-ms-scroll-snap-type: proximity;
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
-ms-overflow-style: none;
width: 480px;
height: 270px;
overflow: auto;
}
Not part of any specification.
This property only applies to touch and touchpad input. For keyboard input the scroll does not chain regardless of the
–ms-scroll-chaining
value, and for mouse input the scroll will always chain up to the nearest scrollable ancestor element.
This property has no effect on non-scrollable elements.
This property requires Windows 8 or later.