angularjs - AngularJS を使用したツールチップの自動配置

Question

ブラウザのスクロールバーの上部にいる場合のように、ツールチップを自動的に配置したいのですが、最初の行にツールチップへのリンクがある場合、ツールチップは中央下部に表示する必要があります。

angularjsのみを使用してこれを行う方法はありますか?

angular-ui-bootstrap を使用しています

<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>`