Div внутри draggable Div

Question

Я сделал div, перетаскиваемый с $("#divID").draggable();, и он работает.

Внутри этого div у меня есть второй div. Я бы хотел, чтобы внутренний div не перетаскивался, , чтобы пользователь мог перетащить все это с помощью «рамки» вокруг внутреннего div. Внутренний div содержит ScrollBar и другие элементы, которые конфликтуют с функцией «draggable».

Возможно ли это? Спасибо.

Edit: Я сделал тестовую страницу: TEST

Пользователь должен иметь возможность перетащить все (в том числе «другие элементы») только в верхней или нижней полосы, где курсор становятся крест стрелки. Я хочу, чтобы пользователь не смог перетащить туда, где курсоры становятся указателем. Еще раз спасибо.

Answer 1

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

Я исправил его, связав обработчик события с внутренним элементом, и все, что он сделал, это вызов evt.stopPropagation(), чтобы предотвратить появление родительских элементов (ов) от конфликтующих событий.

Answer 2

положение Try фиксированной

div#notDraggable{ 
position:fixed; 
}