圆滑的旋转木马平滑滚动

时间:2018-07-25 13:43:07

标签: javascript jquery carousel slick.js smooth-scrolling

我已经使用了光滑的转盘一段时间了,但是我很好奇是否可以调整转盘以获得平滑的滚动效果,就像您在手机上垂直滚动(在给定的情况下)所获得的效果一样。网页fx。)。

换句话说,我希望光滑的转盘以可变速度滚动,不断流动,并且当您不再触摸转盘时,最终不会自动回到转盘/元素的起点。

谢谢

2 个答案:

答案 0 :(得分:0)

正如在github线程中所说的,我已在注释中链接到我的问题,最新版本的Slick不支持平滑滚动。

我看到Flickity和Swiper为此提供了很好的支持,我进行了一些实验,但是由于它们的性能问题,我最终制作了一个简单的水平div,其中包含多个子元素。这对我来说是一个成功的解决方案。

来源: https://codeburst.io/how-to-create-horizontal-scrolling-containers-d8069651e9c6

干杯!

答案 1 :(得分:0)

用于平滑/连续滚动

$('。continuous')。slick({ 速度:9000, 自动播放:是的, autoplaySpeed:0, cssEase:“线性”, slidesToShow:1 slidesToScroll:1 variableWidth:true,

});