如何使用自定义滚动实现快速滚动答案

【问题标题】：How to implement snap scrolling with custom scroll如何使用自定义滚动实现快速滚动
【发布时间】：2019-07-23 03:19:37
【问题描述】：

我正在为我的 html 页面使用自定义滚动条（滚动条插件）。当我使用带有滚动条插件的 snap scroll css 时，它工作正常，但它破坏了滚动条的平滑度。就像当我向下滚动时它会停止片刻然后突然向下滚动到下一个容器。

这里是 snap 滚动 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 解决方案或任何具有快速滚动功能的自定义滚动条？

【问题讨论】：

您目前使用的是哪个滚动条插件？知道这一点将使找出与滚动快照不兼容的内容变得更加容易:)

标签： javascript jquery css scrollbar

【解决方案1】：

使用这个：

scroll-snap-type: y proximity

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

【讨论】：