Twitter Bootstrap，独立面板中的popover滚动条

我有一个Twitter引导程序弹出式滚动的问题。我已阅读并搜索了一个没有运气的解决方案。Twitter Bootstrap，独立面板中的popover滚动条

我已经在单独的面板作出了与弹出的按钮，当我滚动，弹出不留在按钮。即面板滚动时它保持固定。

这是不是一个问题，当我滚动整个页;只在单独面板。 Please see live demo here和以下截图供参考。

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

Twitter Bootstrap scroll

Bootstrap scroll staying put

啊！因为Schmalzy帮助我发现它只是一个需要位置相对的父母。然后出现一个新问题，如下图所示。我如何让弹出窗口躺在所有面板上？

enter image description here

来源

2013-08-05 Benteh

看起来这将是一个更容易使用，而不是为这个酥料饼的一个模式。它会解决你所有的定位问题...... – Schmalzy

再一次，非常感谢你花时间帮忙。我一定会更深入地研究它，并会回报:-)非常感谢。 – Benteh

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

.popover{ 
    position: relative; 
}

尽管这将推动面板向下过去酥料饼的文本/内容...

Here is a fiddle该演示它。

而且，这似乎如果改变酥料饼的父容器position: relative将与面板滚动没有在3.0RC1

来源

2013-08-05 14:40:55 Schmalzy

Schmalzy的问候 - 深深地感谢您抽出时间，但正如您指出的那样;位置：相对地推下内容。这不是我真正接受的。我不太明白你们两个小提琴之间的区别是什么？只是一个版本的差异？据我所见，这两种情况下的行为是一样的吗？ – Benteh

@boblet不同的是，第一个小提琴使用的是当前生产版本的bootstrap（v2.3.2），第二个（3.0RC1）使用的是最新的bootstrap候选版本[这里是更新版本]（http：/ /jsfiddle.net/SchmalzyB/xqfAp/1/）我的小提琴，可以证明不同之处。注意它不会在弹出窗口打开时将内容向下推。 – Schmalzy

我很感激，Schmalzy：换成v3解决了这个问题。 – Benteh

在3.0RC1

Here is a fiddle这个需要改变工作。

jsFiddle

来源

2013-08-05 21:57:47 Schmalzy

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

Twitter Bootstrap，独立面板中的popover滚动条

回答

相关问题