jquery可排序，IE，和无限滚动

jquery sortable, IE, and infinite scrolling

本文关键字：无限 滚动 IE 排序 jquery      更新时间：2023-09-26

查看IE:

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

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

基本上，我希望当你滚动并拖拽到可滚动div的底部时，它会相应地滚动。问题是，在IE中，你可以将项目拖到底部这样它就会无限滚动

是否有一种方法可以防止这种情况在IE中发生，以便在拖拽可排序项目而不是无限滚动时停在底部?

我不太了解这个主题但是你可以使用JQuery在其可移动对象上的包含选项，像这样:

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

同时删除Overflow:auto;

这是你更新的jsFiddle。注意:你需要摆弄东西的大小，因为我给你的小提琴不允许你进入可排序区域。这是由于密封区域和DIV的大小。这应该不难理解。

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

包含选项将限制您的滚动。还有其他的方法。

使用Overflow:hidden,containment:'parent，并根据需要使用axis:' x'或'y'进行限制。

相关文章：