Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用自定义滚动实现快照滚动_Javascript_Jquery_Css_Scrollbar - Fatal编程技术网

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

Javascript 如何使用自定义滚动实现快照滚动,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

我正在为我的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
要使用此链接创建滚动捕捉,请执行以下操作:

您目前正在使用哪个滚动条插件?知道了这一点,就可以更容易地找出与scroll snap不兼容的内容:)