jquery-mobile - 带有滑动动作的fancybox会导致ipad上出现烦人的屏幕闪烁

Question

我正在使用 fancybox 2.1.1 和 jQuery-mobile 1.2。将滑动事件绑定到下一个和上一个效果很好。

这是初始化代码（咖啡脚本）：

  afterShow: ->
    $(".fancybox-wrap").swiperight  $.fancybox.prev
    $(".fancybox-wrap").swipeleft  $.fancybox.next

它可以工作，但背景闪烁，有时图像似乎浏览器完全混淆了。

当我使用按钮助手时，使用按钮更改当前图像不会导致屏幕闪烁。只有左右滑动才能做到这一点。

Answer 1

似乎打开了 GPU 加速器。尝试添加你的CSS

.fancybox-wrap { /* or its container */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

这将在用户事件之前激活 GPU 加速器