非标
此特征是非标准的，且不在标准轨道中。不要在面向 Web 的生产站点中使用它：它不适用于每个用户。实现之间可能存在大的不兼容性，且行为将来可能改变。
-ms-scroll-snap-points-x
CSS
特性为
Microsoft extension
that specifies where snap-points will be located along the x-axis.
| 初始值 |
snapInterval(0px, 100%)
|
|---|---|
| 适用于 | non-replaced block-level elements and non-replaced inline-block elements |
| 继承 | no |
| 计算值 | 如指定 |
| 动画类型 | discrete |
Note: a
<length-percentage>
is a value that can be either a
<length>
或
<percentaqe>
.
snapInterval( <length-percentage>, <length-percentage> )
Specifies a starting snap-point followed by the interval between all snap-points.
snapList( <length-percentage># )
Specifies the position of individual snap-points as a comma-separated list of values, each of which represents a zoom factor.
-ms-scroll-limit-x-min
, then
-ms-scroll-limit-x-min
被使用。
-ms-scroll-limit-x-max
, then
-ms-scroll-limit-x-max
被使用。
snapInterval( <length-percentage>, <length-percentage> ) | snapList( <length-percentage># )where
<length-percentage> = <length> | <percentage>
This example demonstrates both types of values for the
-ms-scroll-snap-points-x
property. In the first selector, the first snap-point is at 0%, and the interval is set to 100%. In the second selector, each snap-point is listed separately — 100%, 200%, 300%, and so on. (The
-ms-scroll-snap-points-x
property behaves identically to the
-ms-scroll-snap-points-y
property, but along the x-axis.)
.container {
overflow-x: auto;
overflow-y: hidden;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);
width: 480px;
height: 270px;
}
.imageContainer {
-ms-scroll-chaining: chained;
-ms-overflow-style: none;
-ms-content-zooming: zoom;
-ms-scroll-rails: none;
-ms-scroll-limit-x-min: 100%;
-ms-scroll-limit-x-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 requires Windows 8 or later.
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.