Question

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

以下是我如何发起它...

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

Answer 1

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

.tooltip{
        position:fixed;
}

Answer 2

像这样启动工具提示

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

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

<块引用>

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

Answer 3

这就是答案：

.tooltip{
        position:fixed;
}


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

bootstrap工具提示在div中使用overflow-y自动放置

3 个答案: