Android 上的 crossWalk cordova touchmove 性能问题

Question

我正在 meteor/cordova 应用程序中为 Android 创建一个非常标准的移动 slideOut 菜单。我安装了 crosswalk package，并看到 UI 性能有了惊人的提升，除了我用于菜单和其他滑动面板的 touchmove 事件。这是触摸事件的代码。

/* Touch Events - Nav */
var el = document.getElementById('appnavigation');
var touchPos;
var start = function(event) {
  var touch = event.touches[0] ||
              event.changedTouches[0];

  touchPos = touch.clientX;
  el.style.transition = 'transform 0.08s';
};
var end = function(event) {
  var touch = event.touches[0] ||
              event.changedTouches[0];
  var pos = el.getBoundingClientRect().left;

  if (Math.abs(pos) > 160) {
    App.Util.toggleVisible('nav');
  }

  el.style.transition = '';
  el.style.transform = '';
};
var move = function(event) {
  var touch = event.touches[0] ||
              event.changedTouches[0];
  var x = Math.abs(touch.clientX - touchPos);

  if (touch.clientX > 0 && x > 0) {
    el.style.transform = 'translate3d(-' + x + 'px, 0, 0)';
  }
};

// attach event listeners
el.addEventListener('touchstart', start, false);
el.addEventListener('touchend', end, false);
el.addEventListener('touchcancel', end, false);
el.addEventListener('touchmove', move, false);

这行得通，但偶尔会变得迟缓，任何帮助都会很棒。

Answer 1

好吧好吧，被我自己的黑客打败了。当我最初这样做时，我使用的是 jQuery，为了顺利进行，需要非常快速的过渡。当移动到人行横道时，这实际上会使移动变得糟糕和滞后，因此解决方案在上面，在 touchstart 处理程序中，将转换设置为 none.

就是这样。

Android 上的 crossWalk cordova touchmove 性能问题

crossWalk cordova touchmove performance issues on Android

javascript

performance

cordova

meteor

crosswalk