title: Custom jQuery scrollbar inside jQuery tooltip
body: <p>I'm using nanoscroller.js and tiptip.js , although for my question I'm not sure specific libraries matter that much (but they may).</p>
  
  <p>I have a working tool tip, I have a working scrollbar. When used seperately.</p>
  
  <p><strong>My goal</strong> is to have a working custom scrollbar inside the tooltip.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;a class="tooltip"&gt;Open tooltip&lt;/a&gt;
  
  &lt;div class="tooltip-html" style="display:none;"&gt;
      &lt;div id="main-content" class="nano"&gt;
          &lt;div class="Content"&gt;
              &lt;div class="blue"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var tip_html = $('.tooltip-html').html();
  $('.tooltip').tipTip({activation: 'click', maxWidth: "230px", defaultPosition: "bottom", keepAlive: true, content: tip_html });
  $("#main-content.nano").nanoScroller();
  </code></pre>
  
  <p>First thing I noticed about the above: With this arrangement the nanoscroller was only applied to the first set of html, not the set that is in the tooltip.</p>
  
  <p>So I then applied the scrollbar first before grabbing the html and adding it to the tooltip, this applied the scrollbar to the tooltip but it wasn't functional.</p>
  
  <p>Tried a lot of different approaches here (applying the scrollbar to every id that matched, different order of when to call which, etc), and I'm definitely stuck. Any help is appreciated, thanks!</p>