title: How to dynamically change the position of an absolute tooltip base on the target element
body: <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>