Question

对于Bootstrap有经验的用户来说，这应该是一个简单的问题：）

我想在div元素上设置一个popover并附加popover。

目标是：当用户向下滚动时，如果弹出窗口离开屏幕，它会得到“位置：固定”或类似的东西。

这是我能做的最好的事情：

$('.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/

问题是

之间的一种冲突

插入'top：xxx px'
在向下滚动时插入'position：fixed'的附件

Answer 1

要解决冲突，您必须优先处理词缀顶部位置，这要归功于！important关键字如下：

.affix {
    top: 15px !important;
}

请参阅更新的小提琴：http://jsfiddle.net/fx53fvwf/4/

享受！ ^^

怎么有一个带有词缀的popover？

1 个答案: