当放置放置时，bootstrap popover走出体外

Question

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

你会注意到，如果popover有很多内容，它将会在顶部的身体之外。有什么方法可以阻止这个吗？

此外，对于具有“顶部”位置并且靠近左侧的第二个弹出框，箭头位置改变并且弹出框不显示在身体外部。这是我需要的第一个弹出窗口，改变箭头位置并将其保持在体内。

我正在使用基本的popover初始化：

$('#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");
    }
});