带有hammer.js的fullpage轮播

时间:2016-04-24 18:03:48

标签: javascript jquery html css hammer.js

我尝试调整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/

有一个小提琴

1 个答案:

答案 0 :(得分:0)

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

我修改过小修补程序。