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

Question

我正在尝试使用 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 以内时。该解决方案不应影响页面高度（如当前所做的那样）以防止滚动条出现不受欢迎的外观。

关于如何实现这种行为的任何想法？

Answer 1

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

overflow: hidden;