当没有滚动条时,我得到了箭头,但是当我在弹出内容中添加滚动条时,箭头消失了。
我无法在jsfiddle上运行它。所以我在这里发布代码。

的CSS

.pop-div .popover {
    max-width: 310px;
    height: 250px;
    overflow-y:scroll;
}

的HTML
<li>
    <div class="pop-div">
        <a href="#" id="myid" rel="popover" >click me</a>
    </div>
</li>

JAVASCRIPT
$("a[rel=popover]").click(function(e) {
    e.preventDefault();
    $.ajax({
        url: '/myurl',
        success: function(data) {
            $("#myid").popover({
                placement: 'top',
                title:'title',
                html:true,
                content:data
            });
        }
    });
 });

最佳答案

这是因为该箭头应该显示在弹出框的下方,但是由于您要告诉它垂直滚动,因此它无法“脱离”父级。我建议您使用Bootstrap提供的.popover-content类来仅在内部内容上滚动

CSS

.pop-div .popover-content {
    max-width: 310px;
    height: 250px;
    overflow-y:scroll;
}

Demo fiddle

关于css - 当我将滚动条添加到弹出窗口时,bootstrap popover箭头消失,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17939251/

10-11 23:09
查看更多