使用滑动操作的fancybox会在ipad上导致恼人的屏幕闪烁

Question

我正在使用fancybox 2.1.1和jQuery-mobile 1.2。它非常适合将滑动事件绑定到next和prev。

这是初始化代码（coffeescript）：

  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加速器