将CarouFredSel与iScroll结合使用时,某些Android设备上存在奇怪的问题

时间:2011-05-25 21:31:53

标签: javascript jquery android html

我正在开发一个使用iScroll 4在页面上有旋转木马的网站。我注意到Android 2.2和2.3设备上存在一个奇怪的问题。我在Android 2.1或Android 3或任何非Android设备上都没有注意到它。无论我使用iScroll 3还是iScroll 4,都会出现此问题。

当我按后退或前进按钮时,轮播未正确更新。图像不滚动,或者它们只在中途滚动。如果我按下前进按钮足够多次,它可能会消失,就好像我已经到达列表的末尾(由于我在“禁用”类中的风格),以及同样的后退按钮。

如果我向上或向下滚动页面,则轮播将更新并正常工作一段时间。有谁知道为什么会这样或者该怎么办?

您可以在http://jsfiddle.net/R4NWE/查看示例。如果您想直接使用移动​​浏览器访问该示例,可以在http://fiddle.jshell.net/R4NWE/show/

执行此操作

1 个答案:

答案 0 :(得分:1)

我找到了解决方案。我把它放在我传递给CarouFredSel的“滚动”选项中:

onAfter: function() {
    var transform = $("#scroller").css("-webkit-transform");
    $carousel.closest("#scroller").css("-webkit-transform", transform);
}