Css滚动自动贴合

主要属性

scroll-snap-align属性将框的捕捉位置指定为其在捕捉容器的捕捉端口（作为对齐容器）中捕捉区域（作为对齐主题）的对齐方式。这两个值分别指定在块轴和内联轴上的对齐对齐方式。如果仅指定一个值，则第二个值默认为相同值。

/* 关键值 */
scroll-snap-align: none;
scroll-snap-align: start end; /* when two values set first is block, second inline */
scroll-snap-align: center;

/* 全局值 */
scroll-snap-align: inherit;
scroll-snap-align: initial;
scroll-snap-align: unset;

scroll-snap-type 属性定义在滚动容器中的一个临时点（snap point）如何被严格的执行。

/* 关键值 */
scroll-snap-type: none;
scroll-snap-type: x;
scroll-snap-type: y;
scroll-snap-type: block;
scroll-snap-type: inline;
scroll-snap-type: both;

/* 可选 mandatory | proximity*/
scroll-snap-type: x mandatory;
scroll-snap-type: y proximity;
scroll-snap-type: both mandatory;

/* etc */

/* 全局值 */
scroll-snap-type: inherit;
scroll-snap-type: initial;
scroll-snap-type: unset;

传送门