jquery - 防止将对象拖到 div 外部时可见

Question

我想知道如何防止将对象拖到 div 之外时可见。这是我的问题的 jsfiddle:http://jsfiddle.net/thomaslefeuvre/zAWMX/ .

当对象被拖到 div 的边缘时，我想实现这种效果: http://i.stack.imgur.com/W7f4H.png

我知道如何使用 iframe 实现这种效果，但由于我的 javascript 需要，我认为使用这种方法不切实际。我还应该注意，我不想将滚动条放在容器 div 上。

有没有一种方法可以通过 CSS 实现，例如使用 z-index？

我试过玩这个，但没走多远。

Answer 1

由于对象正在移动超出容器区域，因此您需要将 overflow: hidden 添加到#container。这会隐藏任何超出父元素限制的内容。我已经更新了您的示例:http://jsfiddle.net/zAWMX/1/