我正在使用 FilmRoll jQuery 轮播。 plugin link plugin demo
它在桌面浏览器上运行良好
问题:如果调整窗口大小(意味着纵向到横向),则无法在 iphone 上首次加载,它将与桌面一样工作
脚本
$(function() {
fr = new FilmRoll({
container: '#film_roll',
height:50,
animation: 1000,
interval: 10000,
prev: '#film_roll_prev',
next: '#film_roll_next'
});
});
最佳答案
您的评论问题的答案:
var film_roll = new FilmRoll({container: '#container_id',...});
$('#container_id').on('film_roll:moved', function(event) {
if ( film_roll.index == film_roll.children.length - 1 ) {
film_roll.clearScroll();
}
});
'film_roll:moved' 事件在每个动画结束时调用。然后我们检查当前索引是否在最后一个 child (长度 - 1)上,如果是,则清除滚动动画。这将停止在最后一项。
顺便说一句,如果你想重新开始滚动动画,使用film_roll.configureScroll()
。
关于jquery - FilmRoll jQuery 轮播 - 第一次加载不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27315185/