JQuery RS旋转木马-如何根据鼠标位置而不是页面进行拖动



使用jquery rs carousel,我想根据鼠标位置逐渐拖动内容,而不仅仅是按页面抓取。目前,如果不用力拖动,旋转木马将仅捕捉到下一页/上一页,或滑回位置。。。我不想那样。我想实现的是类似TouchCarousel的东西。

我更喜欢旋转木马,因为它是动态的,我想要的大部分功能都在那里。那么,我该如何修复/更改这个"拖动"的东西呢?

顺便说一句,我在其他页面上有其他的旋转木马,它们已经很好了。如果修复不会影响他们,那就太好了。

谢谢!

这可以在没有任何JavaScript的情况下实现;您只需要在.rs-carousel-mask:上设置溢出

.rs-carousel-mask {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

唯一的区别是,你不会在非触摸设备上点击和拖动,它只是本地滚动。

如果你需要将其与转盘控件结合使用(页面也是如此),你必须根据滚动位置更新转盘的内部$(':rs-carousel').data('carousel').page索引,这应该不会太难。

最新更新