带有溢出-y的引导工具提示自动放置在div中答案

【问题标题】：bootstrap tooltip auto placement in div with overflow-y带有溢出-y的引导工具提示自动放置在div中
【发布时间】：2026-02-23 07:30:01
【问题描述】：

我在 div 内的链接上有 twitter-bootstrap 工具提示。 div 的溢出-y 设置为自动。我的问题是放置：'auto top' 相对于 div 的顶部不受尊重。如果我向下滚动页面（将 div 放在浏览器的顶部），则自动放置有效。所以简而言之，我想知道是否有可能让工具提示对 div 顶部而不是页面顶部做出反应。

这是我的启动方式...

$("#"+caller).tooltip({html:true,title:resultString,placement:'auto top'});

【问题讨论】：

标签： jquery twitter-bootstrap tooltip placement

【解决方案1】：

好的，所以不需要重新发明一个东西 :) 只需在工具提示类中添加一个固定位置...

.tooltip{
        position:fixed;
}

【讨论】：

【解决方案2】：

这就是答案：

.tooltip{
        position:fixed;
}


"data-toggle="tooltip" title="Title" data-container="body"

【讨论】：

本网站提供英文问答。请只用英文回答。对于西班牙语 (?)，请使用西班牙语版本的 * here

【解决方案3】：

像这样启动工具提示

$('#example').tooltip({ boundary: 'window' })

您可以在文档here 中查看他们的地址：

当父容器溢出时，工具提示位置会尝试自动更改：自动或溢出：像我们的 .table-responsive 一样滚动，但仍保持原始位置的位置。要解决此问题，请将边界选项设置为默认值“scrollParent”以外的任何值，例如“window”：

【讨论】：