Question

我在我的应用程序中使用jqueryUI sortable，所以我遇到了以下问题：

jsFiddle

当您点击滚动条sortable时，您可以看到这个小提琴被拖动并且没有办法放弃它。

我想要做的是阻止拖动元素滚动。我刚刚做的是搜索可排序元素的事件，并尝试阻止滚动但这不能正常工作。

任何帮助都将不胜感激。

Answer 1

您可以创建一个宽度和高度为100％的内部div，您可以将其定义为手柄。这样，元素仍然可以拖动但不在滚动条上。它并没有按照您的要求禁止拖动滚动元素，但我希望它可以帮助您。

updated fiddle

HTML：

<div id="foo">
    <div id="bar" class="bar">
        <div class="innerBar"></div>
    </div>
    <div id="bar2" class="bar">
        <div class="innerBar"></div>
    </div>
</div>

JS：

$("#foo").sortable({handle: '.innerBar'});

CSS：

#foo div.bar {
    width: 100px;
    height:100px;
    float: left;
    background: red;
    margin: 10px;
}

#bar { 
    height: 200px;
    overflow-y: scroll;
}

.innerBar {
    width: 100%;
    height: 100%;
}

JqueryUI sortable因滚动而失败

1 个答案: