gpt4 book ai didi

javascript - 如何使用自定义滚动实现快速滚动

转载 作者:行者123 更新时间:2023-11-29 15:59:29 25 4
gpt4 key购买 nike

我正在为我的 html 页面使用自定义滚动条(滚动条插件)。当我将 snap scroll 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 解决方案或任何具有快速滚动功能的自定义滚动条吗?

最佳答案

使用这个:

scroll-snap-type: y proximity

要从此链接创建滚动捕捉使用: practical css scroll spanpping

关于javascript - 如何使用自定义滚动实现快速滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54938739/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com