3

我想要一个带有 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" 
})

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

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

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

使用原型 1.6.0.3 和 Scriptaculous 1.8.2。

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

4

1 回答 1

4

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

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

于 2011-05-16T15:47:14.043 回答