2017-07-28 52 views
0

我创建了一个工具提示div是在overflow: hidden父母的内部,所以当工具提示有很多文本会被截断,因为父母不是很大。工具提示是position: absolute工具提示获取中断与溢出:隐藏父

我见过很多答案(such as this one),表示不应该定位具有overflow: hidden的直接父级。然后一个更高的父母overflow: visible应该放在position: relative的地方。

问题是我在Angular 2中创建了一个通用的工具提示组件,并且每个工具提示组件都是相对于表格标题单元格定位的。因此,如果我将父项position: relative作为父项,则所有工具提示将相对于表容器而不是表格标题单元格进行定位。任何人都知道如何修复截止工具提示的方式不同?

回答

1

您可以将工具提示移动到<body>,并通过调用getBoundingClientRect方法来获取悬停/点击元素的位置,该方法返回项目相对于主体的位置。 这样你的工具提示可以是非常通用的。

值得一提的是,该方法返回的对象还包含可以方便地定位工具提示相对于元素的宽度和高度。