title: How to fix scrolling with twitter-bootstrap and popover?
body: <p>I am using twitter-bootstrap and popovers.  </p>
  
  <p>I am facing the following problem: when the user clicks on a link that opens a popover at the bottom of the page, it scrolls all the way to top of the page first.  This requires the user to scroll back down to see the popover open.  In the demos on the twitter-bootstrap site, I don't see this and was wondering if I could get help on this issue.  </p>
  
  <pre><code>&lt;div class="span1" style=" width: 60px; "&gt;
      &lt;a href="#" class="example2" rel="popover" data-html="true" data-placement="left" data-content="&amp;lt;a href = '/social/2lPdXV1KO4s/Bhangra indian Jingle Bells balle balle Merry Christmas'&amp;gt;&amp;lt;img src='http://i4.ytimg.com/vi/2lPdXV1KO4s/hqdefault.jpg'&amp;gt;&amp;lt;/a&amp;gt;" data-original-title="Bhangra indian Jingle Bells balle balle Merry Christmas"&gt;
          &lt;img src="http://graph.facebook.com/1236870349/picture"&gt;
      &lt;/a&gt;
  
      &lt;div class="popover fade left in" style="top: 831px; left: 805.61669921875px; display: block;"&gt;
      &lt;div class="arrow"&gt;&lt;/div&gt;
      &lt;div class="popover-inner"&gt;
          &lt;h3 class="popover-title"&gt;Bhangra indian Jingle Bells balle balle Merry Christmas&lt;/h3&gt;
          &lt;div class="popover-content"&gt;
              &lt;p&gt;&lt;a href="/social/2lPdXV1KO4s/Bhangra indian Jingle Bells balle balle Merry Christmas"&gt;&lt;img src="http://i4.ytimg.com/vi/2lPdXV1KO4s/hqdefault.jpg"&gt;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>