2009-10-13 18 views
3

我想有溢出滾動容器:其中 可排序列表包含滾動,像這樣:並非所有的項目排序與Scriptaculous的,Sortables,滾動和溢出

<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

回答

3

在scriptaculous documentation中,它表示在您的Sortable.create定義之上包含Position.includeScrollOffsets = true;

您可以在這裏查看正在工作的example