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" 
})

これは、リストの表示部分からアイテムを選択し、それを表示部分にドロップする限り機能します。

表示されている部分から項目を選択し、(スクロール後に) 非表示の領域内にドロップしようとすると、他の項目は「スペースを空けません」。

下にスクロールして最初に見えない部分からアイテムを選択し、最初に見える部分までスクロールすると、最初に見えるアイテムの間にドロップできます。

Prototype 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 に答える