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

问题描述

|| 我正在开发一个使用iScroll 4在页面上具有轮播的网站。我注意到Android 2.2和2.3设备上存在一个奇怪的问题。我没有在Android 2.1或Android 3或任何非Android设备上注意到它。无论我使用iScroll 3还是iScroll 4,都会发生此问题。 当我按下后退或前进按钮时,轮播无法正确更新。图像不滚动,或者仅滚动一半。如果我按下前进按钮足够的时间,它可能会消失,就好像我已经到达列表的末尾一样(由于“ disabled”类的样式),同样也有后退按钮。 如果我向上或向下滚动页面,则轮播会更新并可以正常工作一段时间。有谁知道为什么会这样或怎么办? 您可以在http://jsfiddle.net/R4NWE/上看到一个示例。如果要使用移动浏览器直接访问示例,可以在http://fiddle.jshell.net/R4NWE/show/上进行。     

解决方法

我想出了一个解决方案。我将其放在传递给CarouFredSel的\“ scroll \”选项中:
onAfter: function() {
    var transform = $(\"#scroller\").css(\"-webkit-transform\");
    $carousel.closest(\"#scroller\").css(\"-webkit-transform\",transform);
}