Javascript Popover不会锚定到触发元素

因此，当触发元素包含在样式为

-ms-overflow-y:auto的元素中时，我的
Twitter引导程序
弹出窗口
似乎在位置上受到挑战（窗口中的可滚动元素）

滚动元素时，popover不会随之滚动

我真的希望popover能够与这个可滚动元素中的内容一起移动。我怎样才能做到这一点

流行密码：

$(this).popover({
            animation: false,
            html: true,
            placement: popover.placement || 'auto bottom',
            title: popover.title,
            content: popover.validationMessage + popover.content,
            trigger: 'manual',
            container: '.content-panel'
}).click(function (e) {
                $('BUTTON[data-toggle="popover"]').each(function (index, element) { $(this).popover('hide'); });
                $(this).popover('show');
                $('#' + $(this).attr('data-for')).focus();
            });

.content panel
是可滚动的元素

把这个给我，蝙蝠侠

更新
我希望popover继续漂浮在其他元素之上。使用
位置时：相对位置
坏的

好
popover的父元素（offsetParent）需要不是静态的，您可以将其与文档相关联：

位置：相对


编辑：对于您的用例，您可以绑定容器的
onscroll
事件并使用以下代码片段：


BS 3及以上学历

您可以使用
容器：$（元素）

例如：

let elem = $(this)
$(elem).popover({
    selector: '[rel=popover]',
    trigger: 'hover',
    container: $(elem),
    placement: 'bottom',
    html: true,
    content: 'Popover Content'
});

您应该提供一个jsfiddle，我很乐意，但我似乎无法让jsfiddle显示popover。e、 我不知道你为什么删除了你的答案@A.Wolff。这正是我要找的！这正是我所要求的——但它的效果是将popover放置在容器中。所以现在它看起来又窄又扁。有没有可能让popover漂浮在容器之外，并且仍然能够滚动内容？因此，很抱歉，我并不完全理解您所寻找的内容。javascript解决方案让我走上了正确的道路。谢谢
let elem = $(this)
$(elem).popover({
    selector: '[rel=popover]',
    trigger: 'hover',
    container: $(elem),
    placement: 'bottom',
    html: true,
    content: 'Popover Content'
});