javascript - jquery 可排序、IE 和无限滚动

Question

在 IE 中查看这个小提琴：

http://jsfiddle.net/GA4Qs/108/

注意风格style="position:relative;clear:both;max-height:100px;overflow:auto;"

基本上，我想要它，以便当您滚动并向下拖动到可滚动 div 的底部时，它会相应地滚动。问题出在 IE 中，您将能够将项目拖到底部，使其无限滚动

有没有办法防止在 IE 中发生这种情况，以便在向下拖动可排序项目而不是让它无限滚动时它会停在底部？

Answer 1

我对这个主题了解不多，但您可以使用 JQuery 在其可移动对象上的包含选项，如下所示：

$('#psP').sortable({
placeholder: "ui-state-highlight",
helper:'clone',
containment: "parent"
});

同时删除Overflow:auto;

这是您更新的 jsFiddle。注意：您将需要摆弄事物的大小，就像我给您的小提琴一样，它不允许您进入可分类区域。这是由于收容区和您的 DIV 的大小。应该不难弄清楚。

我希望这就是你要找的。

Answer 2

 $(".sortable_portlets").sortable({
                    connectWith: ".portlet-drag",
                    revert: 'true',
                    items: ".sortable_portlets",
                    containment: "document",
                    axis :'x',
                    scroll: false,

                  });

遏制选项将限制您的滚动。还有其他方法。您可以设置轴来限制这一点。

Answer 3

使用溢出：隐藏，包含：'父'，如果需要，还可以根据需要使用轴：'x'或'y'进行限制。