iscroll：类似 App Store 的图像轮播

Question

我们正在开发移动网络应用程序。设计师喜欢App Store上的图片轮播效果（一个App的截图）。所以我们尝试使用 JavaScript.

来模拟相同的效果

我们正在使用 iScroll to implement. So here is a customization of its demo carousel: http://jsfiddle.net/0t9savgj/。选项是：

{
    scrollX: true,
    scrollY: false,
    momentum: false,
    snap: true,
    snapSpeed: 400,
    keyBindings: true,
    indicators: {
        el: document.getElementById('indicator'),
        resize: false
    }
});

问题是：对于最后一张图片，总是有一些额外的space，这是不需要的：

有人知道怎么解决吗？或者其他一些实现相同轮播的 JS 库？谢谢

Answer 1

经过摸索，唯一的办法就是利用iscroll-probe.js的scroll事件。到达右边界时手动停止滚动。但指标并不准确

iscroll：类似 App Store 的图像轮播

iscroll: image carousel like App Store

carousel

iscroll