当我使用sortable时，Scroll会下降

Question

我有这些js文件：

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
http://code.jquery.com/ui/1.8.18/jquery-ui.min.js
Functions.js

和这个html：

<ul id="sortable">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

在Functions.js中，我有：

$(function () {
    $("#sortable").sortable({
        cancel: ".fixed"
    });
    $("#sortable").disableSelection();
});

在我的jsfiddle中，它有效：

http://jsfiddle.net/alonshmiel/ZV6sF/1/

但是在我的项目中，当我尝试选择li并在另一个li之后订购时，滚动就会向下移动到页面底部。

是否有人知道为什么会这样？

任何帮助表示赞赏！

Answer 1

您可以为sortable设置包含选项，以便只能在其容器中拖动列表元素。 例如：

$(function () {
    $("#sortable").sortable({
        cancel: ".fixed",
        containment: "#sortable"
    });
    $("#sortable").disableSelection();
});