Question

我想要一个带有溢出的可滚动容器：滚动到其中包含一个可排序的列表，如下所示：

<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。

相反......我正在谈论的是this YUI example。

Answer 1

在scriptaculous documentation中，它表示要将Position.includeScrollOffsets = true;包含在Sortable.create定义之上。

您可以在此处查看有效的example。

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

1 个答案: