jQuery UI Sortable - 将项目添加到底部

时间:2015-11-08 22:00:44

标签: javascript jquery css jquery-ui jquery-ui-sortable

我正在尝试使用jQuery UI 1.11.4 Sortable和Bootstrap创建连接列表。根据这个想法,这些列表中的面板可以很容易地从一个列表移动到另一个列表。

要初始化函数,我使用这个简单的代码:

$(function() {
$( ".list" ).sortable({
revert: true,
connectWith: ".list",
handle: ".panel-heading",
tolerance: "pointer",
scrollSpeed: 5
});

另外,我正在为我的列表应用CSS选项:

.list {
min-height:50px;
padding-bottom: 40px;
}

我希望jQuery在指针刚好超过它时将面板连接到列表,而不仅仅是当它距离底部40px时。该解决方案不应影响页面高度(如目前所做),以防止不受欢迎的滚动条外观。

有关如何实现此行为的任何想法?

1 个答案:

答案 0 :(得分:1)

您可以使用此属性隐藏滚动条:

overflow: hidden;