【问题标题】:Bootstrap Tooltip position disorder when in large size大尺寸时的引导工具提示位置混乱
【发布时间】:2018-11-09 00:44:10
【问题描述】:

我正在使用带有 fullcalendar.js 的引导工具提示(但问题不在 fullcalendar 库中,我只是将它包含在内。)

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

如果我删除 .container 中的 overflow-y:scroll 使其看起来像这样,这很容易解决

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

不幸的是,我需要那个overflow-y:scroll。

有什么想法吗?谢谢。

【问题讨论】:

    标签: javascript css bootstrap-4 tooltip


    【解决方案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>'}));
    

    查看示例here。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多