我正在使用 iScroll4 在移动网站内的图像上创建水平滚动效果。 iScroll 工作得非常好,但问题是 iScroll 包装器中包含的图像禁用了本机垂直滚动。换句话说,用户通过手指滑动来导航页面的操作在 iScroll 包裹图像内的任何位置都被禁用。
SwipeView 也许能够解决这个问题,但文档(至少对我来说)不是那么清楚。有谁知道如何在 iScroll 包裹图像上有效使用 SwipeView?
很抱歉几乎重现了已经做出的答案 - 但我需要将一些代码粘贴到不同的空间中。
阿拉斯泰尔的例子对我来说不太适用。我下载的iScroll版本似乎不支持匹配类,它需要一个对象。因为我的项目已经有 jQuery,所以我用它来传递活动元素。
scroller = new iScroll($('.swipeview-active')[0], {
hScroll: false,
lockDirection: true,
hideScrollbar: true,
fadeScrollbar: true
});
我将其添加到末尾carousel.onFlip()
下载中的 demo/inline/test.html 示例中的函数http://cubiq.org/swipeview
还没有进行扩展测试 - 这只是我在比较要使用的库组合时所关注的内容,但它使用上面的代码在 Chrome 中按照您的预期工作。
EDIT刚刚在 iPhone 上的 mobile safari 中进行了测试,链接在这里https://dl.dropbox.com/u/81328343/scroll/test.html
唯一的事情(不确定它是好是坏,取决于用例)是当返回幻灯片时它会跳回顶部。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)