使 jQuery UI 可拖动元素只能向下拖动答案

【问题标题】：Make jQuery UI draggable element only draggable in down direction使 jQuery UI 可拖动元素只能向下拖动
【发布时间】：2013-08-03 12:42:05
【问题描述】：

将 jQuery UI 可拖动元素固定到轴上非常简单。您只需设置轴选项，但仍然允许两个方向的拖动。

如何将拖动限制在一个方向（向下）？

$('.settings').draggable({axis:'y'}); 使.settings 可以上下拖动，但我怎样才能让它只在向下方向工作？

【问题讨论】：

这里只有一个：stackoverflow.com/questions/16619895/…
@DevlshOne 该代码没有意义。他的 draggable 实现并没有阻止向下拖动，但它确实阻止了向下拖动？
您查看的是问题还是已接受的答案？他的代码实际上非常出色。它正在检查可拖动对象是否离 DOM 的 top 越来越远，如果是，则拒绝该移动。你只需要实现相同的东西，但相对于 DOM 的bottom。
@DevlshOne 我不明白你在说什么。你能用你正在谈论的代码发布答案吗？
我发布了包含代码的问题的链接。您要我将其复制并粘贴到答案区域吗？抱歉，我不会为你做所有的工作，那样做是行不通的。

标签： javascript jquery jquery-ui jquery-ui-draggable

【解决方案1】：

$('#repel').mousemove(function () {
    var z = $(window).scrollTop();
    var o = $('#repel').offset().top;
    var h = $('#repel').height();
        $("#containment-wrapper").css({
            top:  o + h -2000
        });
    if (z < 10) {
        $("#containment-wrapper").css({
            top: -850
        });
    } else {
        $("#containment-wrapper").css({
            top:  o + h -2000
        });
    }
});

【讨论】：