Custom jQuery scrollbar inside jQuery tooltip
<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>
