Проблема с перетаскиванием/прокруткой/переполнением JQuery

Question

У меня есть проблема с прокруткой: auto с JQuery 1.4.2 и JQuery 1.7.2. У меня есть контейнер DIV с двумя DIV внутри него. Как это:

<div id="dragContain"> 

<div id="dragMe"> 
    <div>Title goes here!</div> 
    <div style="scrolling:auto;">Content goes here!</div> 
</div> 

</div> 

И дают возможность перетаскивания группу по:

$('#dragMe').draggable({ 
    containment: '#dragContain', cursor: 'move', zIndex: 20000 
}); 

И, когда я делаю так, в FF прокрутки работает только с помощью колеса мыши. Захват полосы прокрутки вызывает событие перетаскивания и перемещает группу. Он отлично работает в IE.

Есть ли способ исправить это? Могу ли я сделать только заголовок дескриптора захвата, который вызывает перетаскивание родительского div?

Спасибо!

Answer 1

Вместо этого вы можете попробовать использовать ручку. Таким образом, пользователь будет перетаскивать элемент h2 вместо всего #dragMe.

$('#dragMe').draggable({ 
    containment: '#dragContain', cursor: 'move', zIndex: 20000, handle: 'h2' 
}); 

.

<div id="dragContain"> 

<div id="dragMe"> 
    <h2>Title goes here!</h2> 
    <div style="scrolling:auto;">Content goes here!</div> 
</div> 

</div> 

Answer 2

Или используйте CANCEL на селекторе с прокруткой, чтобы предотвратить возникновение перетаскивания на этом объекте.

Пример: http://jqueryui.com/demos/draggable/handle.html