CSS

scroll-snap-type-y

非标准

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

scroll-snap-type-y CSS属性定义捕捉点是如何严格对滚动容器的情况下,垂直轴有一个强制执行。

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

/* Keyword values */ scroll-snap-type-y: none; scroll-snap-type-y: mandatory; scroll-snap-type-y: proximity; /* Global values */ scroll-snap-type-y: inherit; scroll-snap-type-y: initial; scroll-snap-type-y: 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 supportNo support

FeatureAndroidFirefox Mobile (Gecko)Firefox OSIE PhoneOpera MobileSafari Mobile
Basic supportNo support39.0 (39.0)1(Yes)No supportNo supportNo support