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:在拖放元素上限制容器高度的主要内容,如果未能解决你的问题,请参考以下文章