我们正在开发移动网络应用程序。设计师喜欢App Store上的图像轮播效果(应用程序的屏幕截图)。所以我们尝试使用JavaScript模仿相同的效果。
我们正在使用iScroll来实施。以下是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
}
});
问题是:对于最后一个图像,总会有一些额外的空间,这是不需要的:
有人知道如何解决这个问题吗?或者其他一些JS库实现相同的轮播?感谢。
答案 0 :(得分:0)
经过探索,唯一的方法是使用scroll
的{{1}}事件。到达右边框时手动停止滚动。但指标并不准确。