How do I get the tooltip to display on the correct side?

Question

css

How can I make this tooltip appear on top, but if there is no space above, then it would be displayed on the right, left or bottom of angular-ui.github.io/bootstrap/#/tooltip ? Similar to learn.javascript.ru/play/tutorial/browser/events/b... here , but it is the angular ui bootstrap that is of interest.

Answer 1

Easy - no way
Hard - start by learning jQuery 's offset , outerHeight , outerWidth , scrollTop , and scrollLeft methods . Together with $window.height() and $window.width() , they help you get an idea of ​​where an element is located in the user's window.
I don’t know anything about angular ui, so sorry if I didn’t take into account something