JQueryUI draggable加-webkit-overflow-scrolling隐藏拖动元素？

Question

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

在内部，我有使用JQueryUI.draggable和TouchPunch的可拖动元素，可以通过手机触摸进行拖动。

我非常接近让它完美运作，但我发现了一个问题。使用这样的div设置，我的JQueryUI draggable helper对象不会浮动其他所有内容。当-webkit-overflow-scrolling关闭时，它会正常浮动，但滚动不稳定。

有没有办法让两全其美？

Here's a JSBin, please view using an iPad or iPhone to see the problem!

Here's an EDITing view of the JSBin

提前致谢！

Answer 1

我想通了，我只需要让draggable将帮助器附加到身体

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

This JS Bin still works for posterity. Try this on iPad

Here's the code editing version