Jquery Draggable как запретить перетягивание за скроллбар?

Question

[101010101010]

к div элементу применяю draggable и resizable. И так выходит что появляются скроллбары, за которые элемент вместо прокрутки просто перетягивается. Знаю что есть свойство cancel у draggable которое отменяет перетягивание за элементы с заданными классами. Но какой класс у стандартного скролбара и есть ли он вообще ?
Вот пример кода jsfiddle.net/syDYD/3

за скроллбар перетягивается не конткнт div-a а сам див

Answer 1

[Юрий Лобанов]

Поставьте родителю overflow:hidden и скроллы не будут появляться.

upd:
По всей видимости Вам нужно вот так сделать:
codepen.io/iiil/pen/Cqlad

Comments

[101010101010]

скроллы обязательно должны появляться.

[Юрий Лобанов]

@101010101010 дополнил ответ, посмотрите.

[101010101010]

у меня немного другая проблема

[Юрий Лобанов]

@101010101010 все, теперь понял, но это было сложно :) Вы имеете в виду, что Вам хотелось бы иметь возможность левой кнопкой мыши двигать скроллбар вверх-вниз, а не весь блок, так?

[101010101010]

да , извиняюсь , что так запутано объяснял

[Юрий Лобанов]

@101010101010 схема такая, надо использовать handle, в качестве перетаскиваемого объекта взять внутренний блок, а на внешнем будет скролл, я немного изменил, попробуйте разобраться. Если не получится - пишите.
jsfiddle.net/syDYD/5
Тут правда надо поколдовать с css, а то при ресайзе два скролла появляются. А так работает.