Twitter Bootstrap，popover在单独的面板中滚动 [英] Twitter Bootstrap, popover scroll in separate panels

问题描述

我有一个问题，Twitter的bootstrap popover滚动。我已经阅读并搜索了一个没有运气的解决方案。

我在单独的面板中创建了带有popovers的按钮，当我滚动时， popover不停留在按钮。即面板滚动时它保持固定。

这是一个问题，当我滚动整个页面;只在独立面板中。 在3.0RC1

I have a problem with Twitter bootstrap popover scroll. I have read and searched for a solution with no luck.

I have made buttons with popovers in separate panels, and when I scroll, the popover does not stay with the button. I.e it stays fixed while the panel scrolls.

This is not a problem when I scroll the entire page; only in the separate panels. Please see live demo here, and screenshot below for reference.

(I have some further problems with the same layout, but will create separate questions for those).

AH! as Schmalzy helped me figure out it was simply a parent that needed position relative. Then a new problem popped up, as illustrated below. How do I get the popover to lie on top of all panels?

解决方案

You can change its positioning to relative and it seems to work correctly.

.popover{
    position: relative; 
}

Although this will push your text/content of the panel down past the popover...

Here is a fiddle that demos it.

Also, this seems to work with no changes needed in 3.0RC1

Here is a fiddle with this in 3.0RC1

这篇关于Twitter Bootstrap，popover在单独的面板中滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！