How to dynamically change the position of an absolute tooltip base on the target element
<p>I am trying to make a tooltip which basically shows a table (in my example below I used a large amount of text).
However I've wanted to change the position of the tooltip when you hover on the target element that is nearly at the corner of the screen.</p>

<p>Here is the <a href="https://jsfiddle.net/ps2btpmj/2/" rel="nofollow">Fiddle</a></p>

<pre><code>$("strong").on("mouseover", function(){
var $this = $(this),
strongText = $this.text();
$tooltipContainer.show();
$tooltipContainer.append('&lt;span&gt;'+ strongText + '&lt;/span&gt;');
}).on("mousemove", function(mousePos){...
</code></pre>