twitter-bootstrap - 当放置离开时，引导弹出框会离开身体

Question

请看一下这个例子：http: //jsfiddle.net/JW9cF/1/

您会注意到，如果弹出框有很多内容，它将在顶部超出正文。有什么办法可以防止这种情况吗？

此外，对于第二个具有“顶部”位置且靠近左侧的弹出框，箭头位置会发生变化，并且弹出框不会显示在主体外部。这是我第一个弹出框所需要的，以更改箭头位置并将其保留在体内。

我正在使用基本的弹出框初始化：

$('#element').popover();

Answer 1

我设法像这样修复它，但我不确定这是正确的方法：

$button.on('shown.bs.popover', function(e) {
    var $popover = $(".popover");

    if( placement == "left" && $popover.css("top").replace("px", "") < 0 ) {
        var arrowPosition = $(e.target).offset().top + $(e.target).height() / 2;
        $popover.css("top", 0);
        $(".arrow", $popover).css("top", arrowPosition + "px");
    }
});