JQueryUI的可拖动加-webkit溢出滚动隐藏拖动元素？

我有一个滚动的div在iPad2上使用-webkit-overflow-scrolling:touch; 。

在里面，我有可拖动的元素使用TouchPunch和TouchPunch通过触摸拖动移动。

我非常接近完美的工作，但是我发现了一个问题。 使用这样的div设置，我的JQueryUI draggable helper对象不会浮动其他所有东西。 随着-webkit-overflow-scrolling ，它漂浮正常，但滚动波涛汹涌。

有两种方法可以获得两全其美吗？

这是一个JSBin，请使用iPad或iPhone查看问题！

这里是JSBin的编辑视图

提前致谢！

Answer 1

我想通了，我只需要使可拖动的追加帮助者身体

$(element).draggable({appendTo: 'body'});

这JS斌仍然为后代工作。 在iPad上试试这个

这是代码编辑版本