Javascript 使jQuery UI可拖动元素只能向下拖动
将jQueryUI可拖动元素修复到axis非常简单。您只需设置“轴”选项,但仍允许两个方向的拖动 如何将拖动限制为仅一个方向(向下)Javascript 使jQuery UI可拖动元素只能向下拖动,javascript,jquery,jquery-ui,jquery-ui-draggable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,将jQueryUI可拖动元素修复到axis非常简单。您只需设置“轴”选项,但仍允许两个方向的拖动 如何将拖动限制为仅一个方向(向下) $('.settings')。可拖动({axis:'y'})使.settings可上下拖动,但如何才能使其仅在向下方向工作?$(“#排斥”).mousemove(函数(){ $('#repel').mousemove(function () { var z = $(window).scrollTop(); var o = $('#repel').o
$('.settings')。可拖动({axis:'y'})
使.settings
可上下拖动,但如何才能使其仅在向下方向工作?$(“#排斥”).mousemove(函数(){
$('#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
});
}
});
var z=$(window.scrollTop();
var o=$('#repel').offset().top;
var h=$(“#排斥”).height();
$(“#容器包装器”).css({
排名:o+h-2000
});
if(z<10){
$(“#容器包装器”).css({
顶部:-850
});
}否则{
$(“#容器包装器”).css({
排名:o+h-2000
});
}
});
这里有一个只上升了:@DevlshOne,这个代码没有意义。他对draggable的实现并没有阻止向下拖动,但它确实阻止了向下拖动?你在看问题还是公认的答案?他的代码实际上相当出色。它正在检查draggable是否离DOM的顶部越来越远,如果是,则拒绝该移动。您只需要实现相同的东西,但是相对于DOM的底部。@DevlshOne我不明白您在说什么。你能用你所说的代码发布一个答案吗?我发布了包含代码的问题的链接。。你想让我复制并粘贴到答案区吗?对不起,我不会为你做所有的工作,只是那样不行。