用Hammer.js整版輪播

Question

我正在嘗試通過https://rawgit.com/hammerjs/hammer.js/master/tests/manual/nested.html改編該示例，以實現整頁平移，但是我不確定如何考慮瀏覽器的大小調整和動態添加/刪除窗格。

我嘗試過在調整大小以及更改DOM時重置輪播。 但是，在兩種情況下，如果我重新初始化輪播，它將重置為索引0。有什么建議嗎？

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

我在https://jsfiddle.net/afroz/0jq5ynq8/1/

Answer 1

通過將環境變量設置為當前索引，然后修改輪播函數以讀取該變量，而不是使用默認索引0，可以使此工作正常。

我用修復程序修改了小提琴。