CSS

scroll-snap-type-x

非标准

这个功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间也可能存在大的不兼容性,并且行为在未来可能会改变。

scroll-snap-type-x CSS属性定义捕捉点是如何严格上的滚动容器的情况下,在水平轴上有一个执行。

指定用于执行这些捕捉点的精确动画或物理属性不属于此属性,而是留给用户代理。

/* Keyword values */ scroll-snap-type-x: none; scroll-snap-type-x: mandatory; scroll-snap-type-x: proximity; /* Global values */ scroll-snap-type-x: inherit; scroll-snap-type-x: initial; scroll-snap-type-x: unset;

Initial valuenone
应用对象scroll containers
是否可继承no
媒体interactive
计算值as specified
动画类型discrete
规范顺序the unique non-ambiguous order defined by the formal grammar

语法

none当此滚动容器的可视视口水平滚动时,必须忽略捕捉点。

形式语法

none | mandatory | proximity

规范

此属性不属于任何规范的一部分。

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic supportNo support39.0 (39.0)No supportNo support9

FeatureAndroidFirefox Mobile (Gecko)Firefox OSIE PhoneOpera MobileSafari Mobile
Basic supportNo support39.0 (39.0)?No supportNo support9