大尺寸时引导工具提示位置紊乱

Question

我正在使用带有完整日历的引导工具提示.js(但问题不在于完整日历库，我只是包含它。

问题出在 JSfiddle 上。您将看到不断闪烁的工具提示。

如果我删除 .container 中的overflow-y:scroll，这很容易修复

，如下所示

.container{
height:300px;
width:220px;
display:block;
margin:auto;
}

不幸的是，我需要那个overflow-y:scroll.

有什么想法吗？谢谢。

Answer 1

你只需要添加：

边界："视口">

在工具提示函数调用的选项中：

$( document ).ready($('.hastooltip').tooltip({
container: 'body',
boundary: 'viewport',
trigger: 'hover',
template: '<div class="tooltip ' + tooptipClass + '" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'}));

在此处查看示例。