DevShelf

Appearance

scroll-snap-align ​

描述 ​

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

效果展示 ​

语法 ​

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

值 ​

  • none 该框未定义该轴上的捕捉位置。
  • start 在滚动容器的捕捉端口内，该框的滚动捕捉区域的起始对齐是该轴上的捕捉位置。
  • end 该框的滚动捕捉区域在滚动容器的捕捉端口内的末端对齐是该轴上的捕捉位置。
  • center 该框的滚动捕捉区域在滚动容器的捕捉端口内的中心对齐是该轴上的捕捉位置。