带有锤子的整页轮播.js

fullpage carousel with hammer.js

本文关键字：js 更新时间：2023-09-26

我正在尝试在 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/有小提琴

我能够通过将环境变量设置为当前索引，然后修改轮播函数以读取该变量而不是使用默认索引 0 来使其工作。

我已经用修复程序修改了小提琴。