Автоматическое позиционирование всплывающей подсказки с помощью 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>`

Answer 1

Мы отслеживаем это через https://github.com/angular-ui/bootstrap/issues/375 и на данный момент у нас нет закодированного решения. Тем не менее, пожалуйста, не стесняйтесь подписаться на эту проблему для получения обновлений, а также увидеть эту ссылку из вышеупомянутой проблемы для обходного пути.

С Bootstrap 4 все может стать немного сложнее, так как они добавили зависимость от библиотеки Tether. У нас есть еще несколько исследований, чтобы выяснить, как это влияет на размер нашей библиотеки, если мы ее поддерживаем.