如何使用自定义滚动实现快照滚动

Question

我正在为HTML页面（滚动条插件）使用自定义滚动条。当我将快照滚动CSS与滚动条插件一起使用时，它的工作正常，但破坏了滚动条的平滑度。就像当我向下滚动时，它停了片刻，然后突然向下滚动到下一个容器。

这是快照滚动CSS

.container {
  scroll-snap-type: mandatory;
  scroll-snap-points-y: repeat(300px);
  scroll-snap-type: y mandatory;
}

.child {
  scroll-snap-align: start;
}

我也尝试过使用Iscroll插件，但对我不起作用。

有人可以为我提供任何具有快照滚动功能的jquery / JavaScript解决方案或任何自定义滚动条吗？

Answer 1

使用此：

scroll-snap-type: y proximity

要创建滚动快照，请使用此链接： practical css scroll spanpping