jQuery.draggable() 禁用水平滚动

Question

如何禁用水平滚动？ 溢出-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