Question

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

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

    });
</script>

我的列表使用ul和li标签

Answer 1

我遇到类似的问题，当我尝试拖动可排序的项目时，页面在Chrome中滚动到底部。
我找到的修复是添加scroll: false option，如下所示：

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

答案here给了我解决方案。

Answer 2

我遇到了同样的问题！我通过我的CSS禁用不同的样式，直到我找到导致它的原因。在我的情况下，我在overflow-y: scroll;标记上设置了<body>。将其移至<html>标记解决了我的问题，遗憾的是，这导致了Firefox中的问题..

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

Chrome上的JQueryUI可排序问题

2 个答案: