并非所有项目都可以使用Scriptaculous，Sortables，滚动和溢出进行排序

Question

我想要一个带有overflow的可滚动容器：scroll包含一个可排序的列表，如下所示：

<div id="container" style="overflow: scroll; width: 200px; height: 100px;"> 
<ul id="fruit"> 
    <li>Apple</li> 
    <li>Banana</li> 
    <li>Peach</li> 
    <li>Strawberry</li> 
    <li>Cherry</li> 
    <li>Pear</li> 
    <li>Orange</li> 
    <li>Mango</li> 
</ul> 
</div> 

并做：

Sortable.create('fruit', { 
"scroll": "container" 
}) 

只要我从列表的可见部分选择一个项目并将其放入可见部分，这就可以工作。

如果我从可见部分中选择一个项目并尝试将其放在不可见区域内（滚动后），其他项目就不会为它“腾出空间”。

如果我向下滚动并从最初不可见的部分中选择一个项目并将其滚动到最初可见的部分，则它在最初可见的项目之间是可放置的。

使用Prototype 1.6.0.3和Scriptaculous 1.8.2。

相比之下......我所说的就是在这个YUI示例中工作 。

Answer 1

在scriptaculous 文档中 ，它表示包含Position.includeScrollOffsets = true; 在您的Sortable.create定义之上。

您可以在此处查看工作示例 。