title: Using jQuery UI Draggable, how to avoid drag when using scrollbar?
body: <p>A long time ago I created a dialog box in my application. The dialog is pretty simple, position absolute, centered in the screen via javascript.</p>
  
  <p>Now I have added jQuery UI to the application but I do not want to use jQuery UI's dialogs just because they work differently. But I did make my dialog draggable using jQuery UI as it is very easy:</p>
  
  <pre><code>$('#dialog').draggable();
  </code></pre>
  
  <p>There is one problem with that, some of my dialogs have scrollbars.<br/>
  But using the draggable method, if there is a scrollbar, it bugs because it drags the dialog.</p>
  
  <p>Is there a way for the dialog to not drag while using the scrollbar ?<br/>
  I noticed there are some ways to avoid elements to be dragged, but scrollbars are not elements.</p>
  
  <p>Thank you</p>
  
  <p>EDIT: JSFiddle: <a href="http://jsfiddle.net/FGXnR/">http://jsfiddle.net/FGXnR/</a></p>