【发布时间】：2022-02-22 20:33:43
【问题描述】：
我正在尝试用 HTML 重新创建 Google 的 Playstore 设计。我已经使我的容器水平滚动，然后添加了scroll-snap-type: x proximity; 和scroll-snap-align: start; 以使元素在滚动时捕捉。但是，由于滚动速度太大，只有第三个或第四个元素会捕捉。我知道滚动速度不应该被代码篡改，所以我需要一种方法来像 Playstore 那样总是将每个元素对齐到一边。有什么想法吗？
基本上，去 Playstore 并在任何 carousal 上滑动。每个项目一个接一个地出现并卡在一边。我该如何重新创建它？
谢谢！
【问题讨论】：
-
请注意，您需要为
scroll-snap设置溢出规则。overflow: auto无法使用它。
标签： html css scroll e-commerce vuejs3