Не все элементы, которые можно сортировать с помощью Scriptaculous, Sortables, прокрутки и переполнения - PullRequest
3 голосов
/ 13 октября 2009

Я хотел бы иметь прокручиваемый контейнер с переполнением: прокрутка, в которой содержится сортируемый список, например:

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

1 Ответ

4 голосов
/ 16 мая 2011

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

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

...