title: how to disable draggable div when scroll bar is focused on in jQuery
body: <p>I have a jQuery draggable container div with a side scroll bar that should not be draggable when I am scrolling up and down.  .infotext is the inner div that has the text, contained within #infobody which is set to overflow:auto.  I need a way to negate the draggable function on the div when the scrollbar is selected.  Here is my code:</p>
  
  <pre><code>$(".lsidebar").draggable({"scroll":false});
  
   .lsidebar #infobody{
  cursor:default;
  position:absolute;
  width:100%;
  overflow:auto;
  margin:23px 0 0 0;
  z-index:14;
  }
  
     #infobody .infotext{
  cursor:default;
  position:relative;
  width:100%;
  z-index:14;
  color:#969696;
  }
  </code></pre>