Не все элементы, которые можно сортировать с помощью Scriptaculous, Sortables, прокрутки и переполнения

Я хотел бы иметь прокручиваемый контейнер с 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 .

13.10.2009 09:49:30
1 ОТВЕТ

В документации к сценарию сказано, чтобы включить Position.includeScrollOffsets = true;выше вашего Sortable.createопределения.

Вы можете посмотреть рабочий пример здесь.

4
16.05.2011 15:47:14