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

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

tooltip bootstrap-4 css javascript

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

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

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

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

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

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

有什么想法吗?谢谢。

1 回复 | 直到 7 年前

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 .

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

11 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

11 月前

Alex · 在轻量级中同时解构和不解构变量

11 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

11 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

11 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

11 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

11 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

11 月前

user3472810 · Angular@Output/EventEmitter返回undefined

11 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

11 月前