问题描述
||
我正在开发一个使用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);
}