Javascript 如何使用自定义滚动实现快照滚动
我正在为我的html页面使用自定义滚动条(滚动条插件)。当我在滚动条插件中使用snap scroll css时,它工作正常,但破坏了滚动条的平滑度。就像当我向下滚动时,它会停止片刻,然后突然向下滚动到下一个容器 这是快照滚动cssJavascript 如何使用自定义滚动实现快照滚动,javascript,jquery,css,scrollbar,Javascript,Jquery,Css,Scrollbar,我正在为我的html页面使用自定义滚动条(滚动条插件)。当我在滚动条插件中使用snap scroll css时,它工作正常,但破坏了滚动条的平滑度。就像当我向下滚动时,它会停止片刻,然后突然向下滚动到下一个容器 这是快照滚动css .container { scroll-snap-type: mandatory; scroll-snap-points-y: repeat(300px); scroll-snap-type: y mandatory; } .child { scro
.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
要使用此链接创建滚动捕捉,请执行以下操作:
您目前正在使用哪个滚动条插件?知道了这一点,就可以更容易地找出与scroll snap不兼容的内容:)