在我的网页上,我有一个包含可排序UL的div,每当我滚动到页面底部并拖动最后一个LI时,我的页面就会跳动,整个窗口的滚动条也会增长。
这里是一个几乎捕捉到我的问题的JSFiddle: www.jsfiddle.net/u5afykpf。 要看到接近于我所遇到的情况,请向下滚动并拖动最后一个元素。您将看到滚动条增长和移动。然而,在我的页面上,由于有更多的内容和高度,这会导致窗口发生明显且不希望发生的移位。如果您转到jqueryui draggable demo,缩小窗口高度并拖动最后一个元素,您将看到他们没有发生这种行为。
有没有人有使用jQuery UI draggable和CSS建议的经验,可以给我一些建议,以防止发生这种跳跃?
我想做的一件事是给围绕UL的div
这里是一个几乎捕捉到我的问题的JSFiddle: www.jsfiddle.net/u5afykpf。 要看到接近于我所遇到的情况,请向下滚动并拖动最后一个元素。您将看到滚动条增长和移动。然而,在我的页面上,由于有更多的内容和高度,这会导致窗口发生明显且不希望发生的移位。如果您转到jqueryui draggable demo,缩小窗口高度并拖动最后一个元素,您将看到他们没有发生这种行为。
有没有人有使用jQuery UI draggable和CSS建议的经验,可以给我一些建议,以防止发生这种跳跃?
我想做的一件事是给围绕UL的div
position:absolute
,但这样它就不在流中,布局就完全混乱了。
.sortable
时,这会停止 LIs 的排序/重新定位。它们只能被拖动。 - Zach