jQueryUI:在拖放元素上限制容器高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQueryUI:在拖放元素上限制容器高度相关的知识,希望对你有一定的参考价值。

我使用jquery UI实现了拖放功能。

这是js小提琴(http://jsfiddle.net/metm0v0f/)。

当我将div从一个div放到另一个div时,我想限制高度增加。我试图用css类来限制:

overflow-x: hidden;
overflow-y: hidden;

但它仍在增加高度。谁能帮我解决容器尺寸问题?

答案

只需将这两行添加到dbContainer1,dbContainer2类:

.dbContainer1 {
    width: 40%;
    float: left;
    border: dotted 1px red;
    /*add the following lines*/
    height:250px;
    overflow-y:scroll;
}
.dbContainer2 {
    width: 40%;
    float: left;
    border: dotted 1px green;
    /*add the following lines*/
    height:250px;
    overflow-y:scroll;
}

以上是关于jQueryUI:在拖放元素上限制容器高度的主要内容,如果未能解决你的问题,请参考以下文章

如何在拖放时克隆 div 而不是在拖动开始时克隆

在拖放元素上滚动在 IE9 中创建行

获取鼠标在拖放 jquery 上的位置

HTML5 DnD - 为啥在拖放元素后重影图像只能按预期工作?

Firefox 在拖放幽灵预览中不显示图像

当 iframe 在拖放功能中移动时,Chrome 中的 Dragend 事件未触发