jquery ui 拖拽到可视滚动内容外，怎么样设置拖拽失败并还原revert操作

Question

/******************** 前提 ********************************/
1、使用jquery ui 的拖拽插件：droppable，draggable
2、draggable的元素是可滚动的
3、测试地址：http://jsfiddle.net/1ehxguq4/

/******************** 问题描述 ********************************/
当可拖拽(draggable)元素拖拽到droppable上时，拖拽成功，但是由于droppable外层是固定高度，且overflow-y:auto的，这个时候如果拖拽到droppable不可见部分，怎么样才能设置其拖拽不成功，最好还能触发拖拽的还原操作。

根据测试地址 http://jsfiddle.net/1ehxguq4/ 可见，如果滚动条往下滚动一定距离，如下图：

 然后再拖动可拖动元素到顶部，如图

。

这时，拖拽居然也能成功！！！（why?明明是不可见的……）

按需求，**当拖拽到外部时希望不允许拖拽成功**，这个应该如何设置呢？拖拽到底部不可见部分也希望不能成功。。。。这样应该怎么处理？

Answer 1

draggable 上设置可拖放区域：containment: ".box"，不过拖动起来体验不是那么好。
具体的估计还是要看看 droppable 接受元素上面的实现方式。