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

问题描述 投票:3回答:1

我在我的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解决方案或任何具有快照滚动功能的自定义滚动条吗?

javascript jquery css scrollbar
1个回答
0
投票

用这个:

scroll-snap-type: y proximity

要从此链接创建滚动快照,请使用:practical css scroll spanpping

© www.soinside.com 2019 - 2024. All rights reserved.