iscroll:图片轮播,如App Store

时间:2015-05-08 03:13:16

标签: carousel iscroll

我们正在开发移动网络应用程序。设计师喜欢App Store上的图像轮播效果(应用程序的屏幕截图)。所以我们尝试使用JavaScript模仿相同的效果。

我们正在使用iScroll来实施。以下是demo carouselhttp://jsfiddle.net/0t9savgj/的自定义。选项包括:

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

问题是:对于最后一个图像,总会有一些额外的空间,这是不需要的:

enter image description here

有人知道如何解决这个问题吗?或者其他一些JS库实现相同的轮播?感谢。

1 个答案:

答案 0 :(得分:0)

经过探索,唯一的方法是使用scroll的{​​{1}}事件。到达右边框时手动停止滚动。但指标并不准确。