javascript “可拖动”仅垂直拖动?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/13661806/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 19:24:37  来源:igfitidea点击:

"Draggable" Drag vertical only?

javascriptjquerycssdraggable

提问by ModernDesigner

I have this page that prompts you to drag it upwards to reveal the actual page. I want to know if there's any option so that you only can drag it vertically (Y-axis) i.e. "up". Is there any way to do this?

我有这个页面,提示你向上拖动它以显示实际页面。我想知道是否有任何选项可以让您只能垂直(Y 轴)拖动它,即“向上”。有没有办法做到这一点?

回答by techfoobar

Yes, this is possible.

是的,这是可能的。

$( "#draggable" ).draggable({ axis: "y" });

Check this: http://jqueryui.com/draggable/#constrain-movement

检查这个:http: //jqueryui.com/draggable/#constrain-movement

回答by David Hellsing

If you are using jQuery UI, there is an axisoption:

如果您使用的是 jQuery UI,则有一个axis选项:

$(elem).draggable({ axis: 'y' });