Javascript jquery可排序、IE和无限滚动

Javascript jquery可排序、IE和无限滚动,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,在IE中查看此小提琴: 注意样式style=“位置:相对;清除:两者;最大高度:100px;溢出:自动;” 基本上,我想要它,这样当您滚动并向下拖动到可滚动div的底部时,它将相应地滚动。问题是在IE中,您将能够将项目拖到底部,这样它将无限滚动 有没有一种方法可以防止这种情况在IE中发生,这样当向下拖动可排序项时,它会停在底部,而不是无限滚动 关于这个主题我知道的不多,但您可以使用JQuery在其可移动对象上的包含选项,如下所示: $('#psP').sortable({ placeholde

在IE中查看此小提琴:

注意样式
style=“位置:相对;清除:两者;最大高度:100px;溢出:自动;”

基本上,我想要它,这样当您滚动并向下拖动到可滚动div的底部时,它将相应地滚动。问题是在IE中,您将能够将项目拖到底部,这样它将无限滚动


有没有一种方法可以防止这种情况在IE中发生,这样当向下拖动可排序项时,它会停在底部,而不是无限滚动

关于这个主题我知道的不多,但您可以使用JQuery在其可移动对象上的包含选项,如下所示:

$('#psP').sortable({
placeholder: "ui-state-highlight",
helper:'clone',
containment: "parent"
});
同时删除溢出:自动

是您更新的JSFIDLE。 注意:你需要摆弄东西的大小,就像我给你的小提琴一样,它不允许你进入可分类区域。这是由于隔离区和你的DIV的大小。这应该不难理解

我希望这就是你想要的

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

                  });

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

使用溢出:隐藏,包含:'parent',如果需要,也可以根据需要使用axis:'x'或'y'进行限制。

我在Google Chrome上试过你的代码,它也会无限滚动,所以我不认为问题出在IE上。