Question

技术：html，css，javascript，jquery和jquery ui。

小提琴网址：http://jsfiddle.net/Q7q2G/5/ （点按“运行”按钮）

嗨，我在父div中有一个div（父div）和3个列表（ul）。 3个列表是相同的（css和html元素）使用jquery ui，我使列表可排序和连接（您可以在列表之间对元素进行排序）

html是

<div class="parent">
<ul  class="list l1">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Item 5</li>
</ul>
list2.... 
list3....
</div>

父div有下一个css：

width: 400px;
border: 1px red solid;
height: 300px;
white-space: nowrap;
overflow-x: auto;

list元素有下一个css：

width: 200px;
display: inline-block;
border: 1px solid blue;
height: 160px;
overflow-y: auto;
overflow-x: hidden;

js是：

$( ".l1, .l2, .l3 ").sortable({
    connectWith: ".list"
}).disableSelection();

问题： 滚动，当我从列表一中取一个元素并且我想在内部列表3中放置来自父div（红色边框）的滚动不起作用（水平问题）。

而且，当我从列表1中取出一个元素并且我想放在列表2的末尾时，列表2中的滚动不起作用（垂直问题）。

有人可以帮我解决这些问题吗？

非常感谢。

问候。

Answer 1

在这里，我提出了一个可能对你有帮助的概念。

http://jsfiddle.net/srpoder/9tLBd/29/

# Stackoverflow required me to add some code, so I did.

jQuery UI draggable - 滚动垂直和水平问题

1 个答案: