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

Question

我有一个滚动 div，它使用 -webkit-overflow-scrolling:touch; 在 iPad2 上滚动得很漂亮。

在内部，我有使用 JQueryUI.draggable 和 TouchPunch 的可拖动元素，以便在移动设备上通过触摸实现拖动。

我非常接近完美运行，但我发现了一个问题。通过这样设置 div，我的 JQueryUI 可拖动助手 对象将不会漂浮在其他所有内容之上。关闭 -webkit-overflow-scrolling 后，它可以正确 float ，但滚动时断断续续。

有没有办法兼顾两全其美？

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

我想通了，我只需要使可拖动的辅助程序附加到主体

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

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

Here's the code editing version