前言 之前写过一篇scroll-snap让你的滚动条更智能,在那篇文章中,主要介绍了,使用scroll-snap优化滚动,其实这也只是滚动需要优化的一点。
4. scroll-snap scroll-snap 属性旨在通过在滚动后将内容捕捉到特定位置来增强滚动体验。 scroll-snap 属性有多个子属性,用于控制滚动行为的不同方面。在这里,我们将介绍最常用的两个子属性: scroll-snap-type 和 scroll-snap-align 。 scroll-snap 属性提供了一种强大的方式来增强滚动体验,并通过部分或项目之间的直观导航来创建。
lightgray; flex: none; } .container.x { width: 100%; height: 128px; flex-flow: row nowrap; } /* scroll-snap