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;

here是您更新的jsFiddle。 注意：你需要摆弄尺寸的东西，就像我给你的小提琴一样，它不允许你掉进可分类的区域。这是由于收容区域和DIV的大小。不应该很难弄清楚。

我希望这就是你要找的东西。

Answer 2

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

                  });

包含选项将限制您的滚动。还有其他方法。你可以设置轴来限制它。

Answer 3

使用溢出：隐藏，遏制：＆＃39;父母＆＃39;如果需要，还可以限制轴：＆＃39; x＆＃39;或者＆＃39; y＆＃39;根据需要。