2

我在 JQM 中为 Phonegap 应用程序实现了一个滑动面板,但由于某种原因,当我尝试在 Android 4.x 上打开它时,它需要 1500 毫秒才能出现,但在 Android 2.x、iOS 和 Blackberry 中它会立即显示。

$(document).on("touchstart","img#openLeft", function()
{
     $('#mydiv').panel("toggle");
}

您能否告诉我在不删除滑动动画的情况下,我可以遵循什么策略来使面板显示得更快?

谢谢!

PS 我正在使用 JQuery Mobile 1.3.0

4

2 回答 2

9

我最终修改了 JQM-1.3.0.css 来解决这个问题,结果发现它们没有硬件加速。

在:

  • @-webkit-keyframes slideinfromright
  • @-moz-keyframes slideinfromright
  • @keyframes slideinfromright
  • @-webkit-keyframes slideinfromleft
  • @-moz-keyframes slideinfromleft
  • @keyframes slideinfromleft
  • @-webkit-keyframes slideouttoleft
  • @-moz-keyframes 向左滑动
  • @keyframes 向左滑动
  • @-webkit-keyframes slideouttoright
  • @-moz-keyframes slideouttoright
  • @keyframes slideouttoright
  • 。滑出
  • .slide.in
  • .slide.out.reverse
  • .slide.in.reverse

我改变了所有-webkit-transform: translateX(x);-webkit-transform: translate3d(x,0,0);

而且我还更改了我的动画,data-display="push"它似乎比它工作得更快,data-display="reveal"因为它在翻译时开始动画,而不是等待内容翻译并在之后显示。

于 2013-04-03T16:06:02.733 回答
0

如文档所示,这些由硬件加速。可能是您的 4.0 设备性能不佳。

data-animate="false"您可以通过添加到窗格的 div来禁用动画。它在文档中提到。

于 2013-03-28T06:02:59.533 回答