Javascript 在一个分区内限制拖动，并在限制分区内限制一定高度？

我使用jQuery的可拖动{containment:}；限制在特定区域内拖动。我的问题是如何在受限div中Y轴的某个级别后限制拖动

jQuery("#map").draggable({
    containment: $('#range'),
    /////*
    stop: function(event, ui) {
        if(ui.position.bottom>375) {
          // stop dragging if exceed y axis 375 px ?
        }
    }
    */////
});

由于选项接受坐标数组，所以可以从包含元素的高度中减去375px

示例代码。精确的坐标取决于CSS和HTML结构

$map.draggable{ 安全壳：[ $'range'.offset.left， $'range'.offset.top， $'range'.offset.left+$'range'.width-$map.innerWidth， $范围'.offset.top+$范围'.height-275 ] }; 射程{ 宽度：400px； 高度：400px； 背景：ccc； } 地图{ 填充物：5px； 最大宽度：36px； 背景：黑色； 颜色：白色； } 地图