如何讓帶有詞綴的popover？

Question

這對Bootstrap經驗豐富的用戶應該是一個簡單的問題:)

我想在div元素上有一個彈出窗口並粘貼彈出窗口。

目標是：當用戶向下滾動時，如果彈出窗口離開屏幕，它會得到一個「位置：固定」或類似的東西。

這是最好的，我可以這樣做：

$('.start').click(function (event) { 
    $(this).popover({ 
     placement: 'top', 
     html: true, 
     content: '<div id="popover-id">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit auctor neque eu elementum.</div>', 
     title: 'Popover', 
     container: '.container' 
    }).popover('show'); 
    $('#popover-id').parent().parent().affix({ 
     offset: { 
      top: 175 
     } 
    }); 
}); 

見琴：http://jsfiddle.net/fx53fvwf/1/

問題是

• 酥料餅之間的一種衝突的是插入一個「頂：XXX px'
• 向下滾動時插入'position：fixed'的詞綴

Answer 1

爲了解決衝突，你必須將粘貼頂部位置由於重要的關鍵詞優先如下：

.affix { 
    top: 15px !important; 
} 

見更新小提琴：http://jsfiddle.net/fx53fvwf/4/

享受！ ^^