FilmRoll jQuery轮播 - 没有第一次加载工作

Question

我正在使用FilmRoll jQuery轮播。 plugin link plugin demo

它在桌面浏览器上运行良好

问题：如果调整窗口大小，则首次加载时无法正常工作（表示纵向到横向）它将与桌面相同

脚本

    $(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'事件。然后我们检查当前索引是否在最后一个子节点（长度为1），如果是，则清除滚动动画。这将停在最后一项。

顺便提一下，如果要重新启动滚动动画，请使用film_roll.configureScroll()。