0

我正在为 Android 的流星/科尔多瓦应用程序中创建一个非常标准的移动幻灯片菜单。我安装了crosswalk 包，发现 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);

这有效，但偶尔会变得迟钝，任何帮助都会很棒。

4

1 回答 1

1

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

而已。

于 2016-02-12T09:29:06.587 回答