I want to position my tooltip automatically, like if I am at the top of the browser scrollbar, and there is a link with the tooltip in the first line then the tooltip must be displayed at the bottommid.
Is there any way to do so using angularjs only?
I am using 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>`
