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滾動條

回答

相關問題