在jquery draggable期间显示带有底部边框的正文

Question

我正在使用jquery-ui draggable。当我将我的盒子拖到屏幕底部以外时，身体向下移动。如何防止这种情况发生？

试过...

我尝试将draggable设为containment: "*tag*"，其中tag是html或body。

仍在尝试containment，我尝试使用div来围绕布局，但是，这会破坏LHS，RHS和中心的布局滚动能力。

通过制作body - position: static !important来解决问题。这会打破布局。

供参考，这里是jquery-ui draggable page。

Css布局

我的布局是标题，固定高度页脚，左右固定宽度可滚动，流畅的中心可滚动。页眉和页脚可以使用大型边框黑客实现。有关布局的信息，请参阅此问题。 How to have a 3 column layout with fixed left/right, fluid middle and fixed footer?

重现问题。

这是我的小提琴：http://jsfiddle.net/valamas/LrXCA/

请点击并拖动页脚下方的蓝色框以查看黑色条带或其他粉红色条带。

Answer 1

将scroll: false传递给您的可拖动构造函数。

默认情况下，自动滚动选项设置为true，如果您不需要，则必须在创建可拖动时指定scroll: false。请参阅jQuery draggable page上的滚动选项。

工作jsFiddle