0

Y軸でのみドラッグできる要素があります。画面の上部を通過できるようにしたいのですが(可能です)、画面の下部を通過することは禁止しています。封じ込めについて jQuery Draggable API を読みましたが、私が求めている質問に対する答えが見つからなかったか、少なくとも私の場合にそれを適用する方法を理解できませんでした。これまでの私のコードは次のとおりです。

JavaScript:

$(document).ready(function() {
    $("#elem").draggable({
       axis: "y"
    });
});
4

2 に答える 2

1

もっと良い方法があるはずですが;

$(document).ready(function() {
    $("#elem").draggable({
       axis: "y",
       drag: function(event, ui) {
            if($(this).offset().top + $(this).outerHeight() > $(window).height()) {
                $(this).offset({"top": $(window).height() - $(this).outerHeight()});
                event.preventDefault();
            }
       }
    });
});
于 2012-12-01T18:45:48.837 に答える
0

包含オプションをページの高さであるものに設定する必要があります。

$(document).ready(function() {
    $("#elem").draggable({
       containment: "document",
       scroll: false,
       axis: "y"
    });
});
于 2012-12-01T18:16:00.067 に答える