2012-09-11 5 views
2

У меня есть куча перетаскиваемых элементов, а возвращаемые элементы, которые их получают, находятся в div, который установлен в overflow-y: прокрутки.Jquery-ui draggable: как сделать перетаскиваемый элемент прокручивать div при зависании над ним

Опция 'scroll' для перетаскивания работает для прокрутки всей страницы, но я не могу заставить ее прокручивать родительский div из droppables. Я попытался изменить атрибут сдерживания перетаскиваемого, чтобы родительский палец на паре, но это тоже не работает.

Если кто-то знает способ сделать это, я был бы очень признателен. Вот основная идея о том, что я пытаюсь сделать: http://jsfiddle.net/4gMVf/5/

ответ

7

Я forked your fiddle, и сложенный в this nifty solution.

Check out out: http://jsfiddle.net/crowjonah/Fr7u8/2/ Есть пара зон привязки, которые при перетаскивании будут автоматически прокручиваться.

Я, как и он, придавал якорям некоторую видимость, чтобы вы могли видеть, как они работают. Скорее всего, вы хотите, чтобы они были полностью прозрачными для конечного использования.

Я не могу быть уверен, но, похоже, у вас есть другие проблемы с вашим droppable, хотя, похоже, вы не принимаете свои перетаскивания, но поскольку это не ваш вопрос, я не будет пытаться решить эту проблему.

+0

Это выглядит великолепно, спасибо за эту идею. О, и папины принимают, они просто ничего не делали с событием drop в этой первой скрипке, которую я опубликовал. http://jsfiddle.net/4gMVf/8/ – awseward

Смежные вопросы