Javascript Bootstrap 4.x工具提示放置在可能溢出的容器中时未正确放置
在bootstap4.x中，如果父元素之一具有Javascript Bootstrap 4.x工具提示放置在可能溢出的容器中时未正确放置,javascript,css,twitter-bootstrap,bootstrap-4,tooltip,Javascript,Css,Twitter Bootstrap,Bootstrap 4,Tooltip,在bootstap4.x中，如果父元素之一具有溢出属性集，则工具提示无法正确放置。在下面的代码示例中，我使用overflow:auto，但溢出：滚动也不起作用 尝试运行下面的代码段，您将看到工具提示与按钮元素重叠 如何防止工具提示与按钮元素重叠？我需要在一个可滚动的容器中使用它，而不是将位置留给内部逻辑 $（函数（）{ $（'[data toggle=“tooltip”]'）。tooltip（）； }) #包装器{ 边缘顶部：100px； 宽度：100vw； 溢出：隐藏； 边框：1px纯红；
溢出overflow:auto，但溢出：滚动也不起作用
尝试运行下面的代码段，您将看到工具提示与按钮元素重叠
如何防止工具提示与按钮元素重叠？我需要在一个可滚动的容器中使用它，而不是将位置留给内部逻辑
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
})
#包装器{
边缘顶部：100px；
宽度：100vw；
溢出：隐藏；
边框：1px纯红；
溢出：自动；
}
#可滚动{
宽度：2000px；
背景：粉红色；
}
工具提示
解决方案是将默认值为'scrollParent'
的设置为'window'
，所有操作都按预期进行。在用法部分，您将找到
$（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示（{boundary:'window'}）；
})
#包装器{
边缘顶部：100px；
宽度：100vw；
溢出：隐藏；
边框：1px纯红；
溢出：自动；
}
#可滚动{
宽度：2000px；
背景：粉红色；
}
工具提示
您能否尝试为“scrollable”div增加一些高度？文档中完全没有这一部分。我正在从Bootstrap3.x迁移到4.x，以前从未遇到过这种情况。