Question

嗨我只需要在jquery中将div拖到X位置，我试过这个但是它在x和y坐标中拖动但是我只需要在x中拖动

我需要将div从位置0拖到230px。

$("#draggable" ).draggable({
    create: function( event, ui ) {}
})

Answer 1

试试这个：

$('#draggable').draggable({
    axis: 'x',
    containment: [0, 0, 230, 0]
});

Answer 2

试试这个

$( "selector" ).draggable({ 
    axis: "x"
});

Answer 3

要将其限制为0到230px，请将父容器添加到选择器

<div id="containment-wrapper"> 

<div class="draggable ui-widget-content"> <p id="draggable5" class="ui-widget-header">I'm contained within my parent</p> </div>

</div>

给主容器一个宽度

并添加以下代码

$( "#draggable5" ).draggable({ containment: "parent", axis: "x"});

参考http://jqueryui.com/draggable/#constrain-movement

需要使用jquery创建自定义Scrollbar

3 个答案: