如何使用 CSS Scroll Snap

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Nada Rifki 演示了 scroll-snap-typescroll-snap-align CSS 属性。我喜欢这个演示展示了滚动容器中的项目可以具有不同的尺寸。重要的是这些子元素的边缘,而不是某个固定的捕捉距离。

我也喜欢 Max Kohler 的文章,其中包括一个演示,该演示中的捕捉可以在 多个方向 上发生。

这是那些如果你不知道就会为 CSS 鼓掌的事情之一。

直达链接 →