javascript - 如何将 iScroll4 与 SwipeView 一起使用？

Question

我正在使用 iScroll4 在移动网站中的图像上创建水平滚动效果。 iScroll 工作得很好，但问题是 iScroll 包装器中包含的图像禁用了 native 垂直滚动。换句话说，在 iScroll 包装图像内的任何地方都禁用了用户滑动手指来导航页面。

SwipeView 或许可以解决这个问题，但文档(至少对我而言)不是那么清楚。有谁知道如何在 iScroll 包装图像上有效地使用 SwipeView？

Answer 1

很抱歉几乎重现了已经做出的答案 - 但我需要将一些代码粘贴到不同的空间。

Alastair 的示例对我来说不太适用。我下载的那个版本的iScroll好像不支持匹配类，要的是对象。因此，由于我的项目已经有 jQuery，所以我使用它来传递事件元素。

scroller = new iScroll($('.swipeview-active')[0], {
  hScroll: false,
  lockDirection: true,
  hideScrollbar: true,
  fadeScrollbar: true
});

我将此添加到 carousel.onFlip() 函数的末尾，该函数来自 http://cubiq.org/swipeview 下载中 demo/inline/test.html 中的示例

还没有进行扩展测试 - 这只是我在比较要使用的库的组合时正在看的东西，但它的工作方式正如您在 Chrome 中使用上面的代码所期望的那样。

编辑 刚刚在 iphone 上的移动 safari 中测试过链接在这里 https://dl.dropbox.com/u/81328343/scroll/test.html

唯一的事情(不确定是好是坏，取决于用例)是当返回幻灯片时它会跳回顶部。