Question

我正在使用带有fullcalendar.js的bootstrap工具提示（但问题不在fullcalendar lib中，我只是包含它。）

问题出现在JSfiddle上。您将看到持续闪烁的工具提示。

如果我删除.container中的overflow-y:scroll看起来很容易解决这个问题

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

不幸的是，我需要overflow-y:scroll。

有什么想法吗？感谢。

Answer 1

你只需要添加：

边界：＆＃39;视口＆＃39;

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

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

检查示例here。

大尺寸时Bootstrap Tooltip位置失调

1 个答案: