jquery - 如何进行遏制：jquery ui 1.8.23 中带有垂直滚动条的“父级”（可拖动）

Question

我使用可拖动的 im jquery ui 1.8.23

如何进行遏制：带有垂直滚动条的“父级”。

我会试试这个但没用。

$( "#hover" ).draggable({
            containment: "parent" ,

        });

所以帮助我..

Answer 1

好吧，你实际上并不想要收容父母。您只希望在某些方向上包含父级。您可以通过重置事件中可拖动对象的位置来伪造drag它，使其不会超出范围。

drag: function(event, ui) {
    if( ui.position.left < 0 ){ ui.position.left = 0; }
    if( ui.position.top < 0 ){ ui.position.top = 0; }

    var maxDown = $("#container").height() - $(this).height();
    if( ui.position.top > maxDown) {
        ui.position.top = maxDown;
    }
}

更新演示：http: //jsfiddle.net/DkGQB/5/