JQuery RS Carousel - 如何根据鼠标位置而不是按页面拖动

Question

使用jquery rs carousel，我想根据鼠标位置逐渐拖动内容而不仅仅是每页捕捉。目前，旋转木马将只是捕捉到下一个/上一页或滑回到位置，如果不是更加努力...我不希望这样。我希望实现的目标类似于TouchCarousel。

我更喜欢rs-carousel因为它的动态和我想要的大部分功能都在那里。那么如何修复/改变这种“拖动”的东西呢？

顺便说一下，我在其他页面上还有其他rs-carousels已经很好了。如果修复不会影响它们会很好。

谢谢！

Answer 1

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

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

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

如果你需要将它与carousel控件一起使用（也是这样的页面），你必须根据滚动位置更新轮播的内部$(':rs-carousel').data('carousel').page索引，这不应该太难。