我有两个元素列表,并在它们两个上启用了jQuery UI可排序。 我使用了connectWith
选项来使我可以在两个列表之间拖动。
其中一个列表有很多元素,所以我将overflow-y:scroll
添加到了它上面,但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表时,它只会滚动该列表,而不是整个页面。
我制作了一个jsFiddle演示(http://jsfiddle.net/MCcuc/)。 滚动页面并尝试将红色列表中的Item Q
(通过顶部的灰色条拖动)移动到绿色列表中。 你会发现红色列表滚动了,但页面没有跟着滚动。如何同时滚动整个页面和列表?
我仅启用了不多的sortable
选项:
$('.sort').sortable({
connectWith: '.sort',
handle: '.handle'
});