jQuery.draggable（）禁用水平滚动

Question

如何禁用水平滚动？ overflow-x：隐藏，不适合我。我想拖动浅蓝色方块进入粉色区域，我需要垂直滚动，但是当启用它时，可拖动的get被抓到左边的div中。

这里有一个小提琴这说明我的问题：

https://jsfiddle.net/2hzxpm3y/

<div class="left"> 
    <div class="draggable"></div> 
</div> 

<div class="right"> 

</div> 

.draggable { 
    width: 50px; 
    height: 50px; 
    background-color: lightblue; 
} 

.left { 
    float: left; 
    width: 20%; 
    height: 100px; 
    overflow-y: scroll; 
} 

.right { 
    float: right; 
    width: 80%; 
    height: 100px; 
    background-color: pink; 
} 

谢谢！

Answer 1

试试这个：

.left { 
    float: left; 
} 

这里是jsfiddle