Как включить полосы прокрутки в гаджетах боковой панели Windows?

Question

Я хотел бы сделать весь gadgetContent div моей боковой панели Gadget прокручивается, если его содержимое переполняет его высоту. У меня может появиться полоса прокрутки. К сожалению, в любой момент, когда я нажимаю + перетаскиваю эту панель, я перемещаю весь гаджет. Вот мой CSS:

div#gadgetContent { 
    overflow: auto; 
    height: 240px; 
} 

Есть ли способ, чтобы получить поведение ScrollBar, чтобы переопределить щелчок гаджет + движение сопротивления?

Заранее благодарен!

редактировать: Я обнаружил, что HTML скроллбары фактически сделать работу в боковой панели гаджетов. В моем элементе g:background у меня был CSS, который не позволял кликам прокручивать полосы прокрутки. HTML-полосы прокрутки начали работать так, как я их ожидал, как только я исправил проблему.

Answer 1

Вы можете установить пустой onclick обработчик для DIV, но затем перетащить будет предотвращено для всего содержимого элемента, а не только скроллинга.

Лучшим подходом является создание собственных полос прокрутки или использование существующей библиотеки (например, this one). Таким образом, вы можете применить соответствующие обработчики событий к элементам управления полосой прокрутки, которые автоматически предотвратят перетаскивание при их нажатии.