Question

在这里修补jquery draggables，jquery-layout和meteor：

[edit]现在在androiddragissue.meteor.com

在镀铬手机（G7100）上，图片可以拖动，但尽管zindex很高，但并不会始终显示在“顶部”。

将其向左拖动，它变为可见，将其拖回页面的垂直中心，然后消失。

我正在使用lib来使用触摸事件作为click，jquery.ui.touch-punch.min，这在过去很有效。

一些咖啡..

if Meteor.isClient
  Meteor.startup ->
    $(document).ready ->
      console.log !$('.ui-draggable'), new Date
      $('.face').draggable
        helper: (ev,ui) ->
          $(this).clone().appendTo("body")
          .css
            "z-index": 99999
            "position": 'absolute'
          .show()

这个问题似乎是android的本地问题，例如ios设备正常工作。有什么想法吗？

谢谢！

Answer 1

这似乎是Chrome for Android GPU分层错误。我会尝试创建一个简化的案例＆amp;发布票证的链接，但同时，这是一个解决方法：

.face {
  -webkit-transform: translateZ(0);
}

作为奖励，这可以将图像提升到GPU，使其在页面上的移动更加顺畅。

Android浏览器上的Jquery-Layout，拖动时拖拽不一致

1 个答案: