代码之家 › 专栏 › 技术社区 › MT-FreeHK

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

tooltip bootstrap-4 css javascript

2

MT-FreeHK · 技术社区 · 7 年前

我将引导工具提示与fullcalendar.js一起使用(但问题不在fullcalendar库中,我只是包含了它)。

问题就在这里 JSfiddle . 您将看到持续闪烁的工具提示。

如果我移除 overflow-y:scroll 在容器里看起来像这样

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

不幸的是,我需要 overflow-y:滚动 .

有什么想法吗?谢谢。

1 回复 | 直到 7 年前

1

Marko Letic 7 年前

您只需添加:

boundary:'视区'

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

$( 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 .