javascript - 带有 hammer.js 的整页轮播

Question

我正在尝试调整 https://rawgit.com/hammerjs/hammer.js/master/tests/manual/nested.html 中的示例允许整页平移，但是我不确定如何考虑浏览器调整大小和动态添加/删除 Pane 。

我已经尝试在调整大小以及更改 DOM 时重置轮播。但是，在这两种情况下，如果我重新初始化轮播，它会重置回索引 0。有什么建议吗？

$( window ).resize(function() {
  outer = new HammerCarousel(document.querySelector(".panes.wrapper"),      Hammer.DIRECTION_HORIZONTAL);
});

我在 https://jsfiddle.net/afroz/0jq5ynq8/1/ 有一把 fiddle

Answer 1

我能够通过将环境变量设置为当前索引然后修改轮播功能来读取它而不是使用默认索引 0 来实现它。

我已经用修复程序修改了 fiddle 。