jQuery UI Dialog прыгает при перетаскивании
 

Всем привет!

Мне необходимо поместить диалоговое окно в блок с абсолютным позиционированием.
Если диалог имеет относительно небольшую высоту, то все отрабатывает корректно. Однако, если его высота значительна, то при начале перетаскивания, он прыгает вверх, после чего начинает передвигаться.

Как это выглядит:
http://jsfiddle.net/2fms2/8/

Буду благодарен за помощь.

Так это потому что он во внешний div не влезает. Задавайте ему maxHeight равный внешнему div и в диалоге при превышении этой высоты будет прокрутка.
http://jsfiddle.net/GvAyt/

Ocassio,
или так
http://jsfiddle.net/2fms2/10/

В этом то как раз и фишка. Мне нужно, чтобы прокрутка шла именно за счет внешнего div.

Ocassio,
а зачем диалоговое окно?

Суть примерно в следующем:
По сути нам нужен модальный диалог. Но при этом нужно, чтобы при прокрутке диалогового окна данные на фоне не прокручивались. Поэтому мы убираем параметр modal и используем свою обертку.

Лично мне очень нравится Ваш способ, но по каким-то соображениям, подобное решение не желательно.

может так http://javascript.ru/forum/misc/4656...tml#post307843

Насколько я понял, это поможет предотвратить прокрутку всего body.
Проблема в том, что если использовать обертку, то прокрутки body и так не будет, а если ее не использовать, то эта прокрутка нам как раз и будет нужна.

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

Нашел что-то похожее (very long modal):
http://jschr.github.io/bootstrap-modal/

Но мне нужно реализовать это на базе jQuery UI.