滚动捕捉到下一个项目而不是连续移动

Question

我有一个带有

overflow-y: scroll

属性的导航菜单，该导航菜单由多个项目组成。

我想知道是否有一种方法可以让用户每次移动滚动条时，它都会准确地移动到菜单的下一项。

这是我的菜单

一旦用户移动滚动条，我希望导航菜单捕捉到第二个项目，如下所示：

Answer 1

Scroll-snap-type：均为必选； 滚动行为：平滑；