jquery ui可拖动滚动自动

Question

我想在具有固定高度和宽度但具有模拟无限表面的按需滚动的容器上实现可拖动。

这是css

.drag {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 10px;
    text-algin: center;
    background-color: lightpink;
}

这里是html。 Box是具有固定宽度和高度但具有自动溢出的容器。

<div id="box" style="width:500px;height:300px;border:1px solid black;background-color:lightgreen;overflow:auto;">
    <div id="dragx" class="drag"><p>Drag me</p></div>
</div>

这里是javascript。

$(function () {
    $("div[id='dragx']").draggable({
        containment: "#box",
        scroll: true
    });
});

完整的运行示例可以在http://jsbin.com/tafof/2/edit?html,output找到

基本上，当我将 div 拖到极下或极右时，我希望滚动条出现并允许我尽可能地拖动。但目前它不允许我拖到固定宽度和高度之外。

当我拖动到极限时，我需要什么让滚动条按需显示？

Answer 1

你需要你的#box 有溢出：滚动属性而不是自动。