jquery - FilmRoll jQuery 轮播 - 第一次加载不工作

Question

我正在使用 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'
      });
    });

Answer 1

您的评论问题的答案:

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()。