jQuery的布局android上的镀铬，可拖动的不同时拖动

与jQuery拖拽元素，jQuery的布局和流星在这里摆弄始终可见G7100）在Chrome中可以拖动，但是尽管zindex高，但并不总是出现在“顶部”。jQuery的布局android上的镀铬，可拖动的不同时拖动

将其拖出到左侧，它变为可见，将其拖回到页面的垂直中心上，然后消失。

我使用一个库来使用触摸事件作为点击，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设备比如做工精细。有任何想法吗？

谢谢！

来源

2013-03-13 heorling

无法访问您的代码（链接失败）。有没有贴在其他地方？ – cwilso 2013-03-15 20:50:38

教我。它现在在androiddragissue.meteor.com – heorling 2013-03-16 07:14:22

这似乎是一个Android版GPU分层漏洞的Chrome。我会尝试创建一个减少的情况下&张贴链接到车票，但在此期间，这里有一个解决方法：

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

作为奖励，这促进了图像的GPU，使得移动它页面更平滑。

来源

2013-03-18 12:40:54

感谢一束。不知道你可以做到这一点，这是否是css转换，或者translateZ（0）？ [编辑，我看到它是translateZ（0）] – heorling 2013-03-18 13:54:20

我为此问题创建了一张票和减少的测试用例https://code.google.com/p/chromium/issues/detail?id=215940 – 2013-03-18 13:55:35

translateZ（ 0）给出了一个自己的GPU层的元素，我的猜测是具有“overflow：auto”的元素在它不应该的时候获得它自己的层。我试图解释一下translateZ在http://www.youtube.com/watch?v=h2djIdAFc5U&feature=youtu.be&t=24m40s – 2013-03-18 14:01:18

jQuery的布局android上的镀铬，可拖动的不同时拖动

回答

相关问题