此问题的解决方法是在 CSS 中添加一个属性。您需要使用 CSS 的 scroll-snap-type 属性,并将其设置为 x 和 y 方向都为 mandatory。这将确保元素在 Chrome 中正确地捕捉滚动位置,并且不会跳过任何元素。
以下是设置 scroll-snap-type 的 CSS 代码示例:
/* 为了 x 和 y 轴都按照栅格捕捉位置,我们需要设置 'scroll-snap-type' 为 'mandatory' */
scroll-snap-type: mandatory;