How to fix scrolling with twitter-bootstrap and popover?

Question

I am using twitter-bootstrap and popovers.

I am facing the following problem: when the user clicks on a link that opens a popover at the bottom of the page, it scr

Answer 1

It seem like you now have to prevent the default behavior of the link because they added the option to popup the popover on hover/focus. Right now the link will activate and since the href is pointing to "#" it will bring you to the top of the page. Before in older versions, it used to prevent this default automatically.

Your javascript code should look something like this:

With html like this

     Click to toggle popover
 

Here is a working JSfiddle. http://jsfiddle.net/hajpoj/KPU47/7/

Edit: Alternatively you could use a div instead of a anchor tag and not have to do the whole prevent default thing.

Click to toggle popover
​