Chrome 上的 JQueryUI 可排序问题答案

【问题标题】：JQueryUI sortable issue on ChromeChrome 上的 JQueryUI 可排序问题
【发布时间】：2016-01-11 22:58:26
【问题描述】：

我有一个包含大约 20 个项目的列表，我使用 JqueryUI sortable 通过拖放功能对它们进行排序，它在 IE 和 Firefox 上运行良好，但在 Chrome 上向上拖动时，页面反向滚动并向下滚动，我使用 Twitter Bootstrap 进行样式设置。我想知道是否有任何机构有类似的问题我的代码如下：

<script>
    $(function () {
        $("#sortable").sortable({
            update: function (event, ui) {
            }});
        $("#sortable").disableSelection();

    });
</script>

我的列表使用 ul 和 li 标签

【问题讨论】：

这里有一个小提琴：jsfiddle.net/25731tL9 UI 的东西没有 chrome 错误...您应该开始调试可能导致此问题的样式属性和 JS 或插件

标签： jquery-ui jquery-ui-sortable

【解决方案1】：

我也遇到了同样的问题！我经历了我的 css 禁用不同的样式，直到找到导致它的原因。就我而言，我在<body> 标签上设置了overflow-y: scroll;。将其移至 <html> 标签解决了我的问题，不幸的是，这导致了 Firefox 中的问题..

最后我完全删除了overflow 属性。这对我来说并不重要。

【讨论】：

【解决方案2】：

当我尝试拖动可排序的项目时，我遇到了类似的问题，即页面在 Chrome 中滚动到底部。
我发现的解决方法是添加scroll: false option，如下所示：

$( ".sortable" ).sortable({
           scroll: false
});

答案here给了我解决方案。

【讨论】：