title: Use NiceScroll jQuery plugin inside a Bootstrap dropdown
body: <p>I have been putting together a site for a project I've been working on lately translating the bible, primarily using Bootstrap 3. For reference, the site is <a href="http://www.jbtbible.com" rel="nofollow">www.jbtbible.com</a>.</p>
  
  <p>I added in <a href="http://areaaperta.com/nicescroll/" rel="nofollow">NiceScroll</a> to get nicer looking scrollbars as well as smoother scrolling on mobile devices.</p>
  
  <p>It seems to work fine where I use it in my reading panes, but when I try to use it in my dropdown lists, it seems like it's overriding the max-height setting in my css, and then giving me no scrollbar at all in the dropdown.</p>
  
  <p>I am trying to do this using this line in jquery from my function that loads the header of the pane:</p>
  
  <pre><code>$("#pane" + readingPane.paneNumber).find(".dropdown-menu").niceScroll({cursorcolor:"#999"});
  </code></pre>
  
  <p>I also tried calling this on the button which produces the dropdown, and it does nothing (as expected).</p>
  
  <p>So how can I get it to apply the scrollbar formatting and smooth scrolling within the dropdown as well?</p>
  
  <p>And if there's a better way to handle the scrollbars than using NiceScroll, I'm fully open to that as well.</p>