Twitter Bootstrap，单独面板中的弹出框滚动答案

【问题标题】：Twitter Bootstrap, popover scroll in separate panelsTwitter Bootstrap，单独面板中的弹出框滚动
【发布时间】：2013-08-06 04:29:45
【问题描述】：

我在使用 Twitter 引导弹出框滚动时遇到问题。我已经阅读并寻找没有运气的解决方案。

我在单独的面板中制作了带有弹出框的按钮，当我滚动时，弹出框不会与按钮保持一致。即面板滚动时它保持固定。

当我滚动整个页面时，这不是问题；仅在单独的面板中。 Please see live demo here，下面截图供参考。

（我对相同的布局还有一些问题，但会为这些问题创建单独的问题）。

啊！因为 Schmalzy 帮助我弄清楚这只是一个需要相对位置的父母。然后又出现了一个新问题，如下图。如何让弹出框位于所有面板的顶部？

【问题讨论】：

【解决方案1】：

您可以将其位置更改为相对，它似乎可以正常工作。

.popover{
    position: relative; 
}

虽然这会将面板的文本/内容向下推到弹出框之外...

此外，这似乎无需在 3.0RC1 中进行任何更改即可工作

Here is a fiddle 在 3.0RC1 中有这个

【讨论】：

问候，Schmalzy - 非常感谢您抽出宝贵时间，但正如您所指出的那样； position: relative 将内容向下推。这对我来说真的不能接受。我不太明白你的两个小提琴有什么区别？只是版本差异？据我所知，这两种情况下的行为是一样的吗？
@boblet 不同的是，第一个小提琴使用的是当前生产版本的 bootstrap (v2.3.2)，第二个 (3.0RC1) 使用的是最新的 bootstrap 候选版本。here is an update version of我的小提琴可以证明差异。请注意，当弹出框打开时，它不会将内容向下推。

【解决方案2】：

如果您将弹出框的父容器更改为position: relative，它将随面板滚动。

【讨论】：

Ahhhhh - 我知道它应该很简单。但是..总是有一个但是；它似乎提出了一个新问题：当位置设置为相对时，我的弹出窗口中途消失 whithin 当前面板...我将在上面添加屏幕截图并进行编辑。