使用AngularJS自动定位工具提示

我想自动定位工具提示，就像我位于浏览器滚动条的顶部，并且在第一行中有一个与工具提示的链接，那么工具提示必须显示在底部中间

有没有办法只使用angularjs

我使用的是AngularUI引导

<a href="#" tooltip-template="'tool.html'" tooltip-class="customclass">My template</a>
<style>
    .tooltip.customclass .tooltip-inner {
        color: #414141;
        background-color: #f1f1f1;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .tooltip.customclass .tooltip-arrow {
        display: none;}
</style>
<script type="text/ng-template" id="tool.html">
    <span>Special Tooltip with <strong>markup</strong></span>
</script>`

.tooltip.customclass.tooltip内部{
颜色：#414141；
背景色：#f1f1；
盒影：0 6px 12px rgba（0,0,0,175）；
}
.tooltip.customclass.tooltip箭头{
显示：无；}
带有标记的特殊工具提示
`

我们正在通过跟踪此问题，目前没有编码解决方案。但是，请随时订阅该期以获取更新，并从上述期中查看解决方法

---

使用Bootstrap4可能会有点棘手，因为它们添加了对Tether库的依赖。如果我们支持，我们还需要做更多的研究来找出这对库大小的影响。

您可以尝试tooltip placement=“top”tooltip append to body=“true”尝试。它不起作用，如果我的链接位于顶部，则工具提示不可见。