如何制作遏制：jquery ui 1.8.23（draggable）中带有垂直滚动条的“parent”

Question

我在jquery ui 1.8.23中使用draggable

如何进行遏制：“父”与垂直滚动条。

我会尝试这个但没用。

$( "#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/