title: How to show Bootstrap 3 popover scroll only when needed
body: <p>I have this popover, with a scroll bar</p>
  <p>HTML</p>
  <pre><code>&lt;ul class=&quot;navbar-nav pull-right&quot;&gt; 
  &lt;li&gt;&lt;a href=&quot;#&quot; data-toggle=&quot;popover&quot; title=&quot;Notifications&quot; data-html=&quot;true&quot; data-content=&quot;&lt;a href='?Profile'&gt;&lt;div class='pop-text'&gt;Notification 1&lt;/div&gt;&lt;/a&gt;&lt;hr /&gt;&lt;a href='?Profile'&gt;&lt;div class='pop-text'&gt;Notification 2&lt;/div&gt;&lt;/a&gt;&lt;hr /&gt;&lt;a href='?Profile'&gt;&lt;div class='pop-text'&gt;Notification 3&lt;/div&gt;&lt;/a&gt;&lt;hr /&gt;&lt;a href='?Profile'&gt;&lt;div class='pop-text'&gt;Notification 4&lt;/div&gt;&lt;/a&gt;&lt;hr /&gt;&lt;div&gt;&lt;p id='foot-notification-pop'&gt;&lt;a href='?notification'&gt;Show all&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&quot;&gt;Notification&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>.popover-body {
    height: 200px;
    overflow-y: auto;
   }
  </code></pre>
  <p>I want to show the scroll bar only when needed, that is only when the height of the popover-content go over the height of 200px. At the time the scroll bar is always displayed, but is not clickable (of course) when the height is less than 200px.
  How can i do it?
  Any help would be greatly appreciated. Thanks!</p>