This should work. I rewrote the code so we don't have to worry about scroll distance.
<pre>
tip.setAttribute('style', 'display: none; position:fixed; border:1px solid #AAA; background-color:#FFF');
</pre>
<pre>
const TIP_X_OFFSET = 45, TIP_Y_OFFSET = 120, FLIPPER = 400;
const tip = document.getElementById('bw-tooltip');
const tip_height = tip.offsetHeight;
const tip_width = tip.offsetWidth;
const mouseY = event.clientY;
const mouseX = event.clientX;
const tip_abs_bottom = mouseY - TIP_Y_OFFSET + tip_height;
const screen_height = document.body.clientHeight;
const screen_width = document.body.clientWidth;
tip.style.top = mouseY < TIP_Y_OFFSET || tip_height > screen_height ? 0 :
tip_abs_bottom > screen_height ? screen_height - tip_height : mouseY - TIP_Y_OFFSET + 'px';
tip.style.right = '';
if(mouseX > screen_width - FLIPPER){
tip.style.left = '';
tip.style.right = screen_width + TIP_X_OFFSET - mouseX + 'px';}
else{
tip.style.left = mouseX + TIP_X_OFFSET + 'px';}
</pre>
<p>This should work. I rewrote the code so we don't have to worry about scroll distance.
<br /><pre>
tip.setAttribute('style', 'display: none; position:fixed; border:1px solid #AAA; background-color:#FFF');
</pre><pre>
const TIP_X_OFFSET = 45, TIP_Y_OFFSET = 120, FLIPPER = 400;
const tip = document.getElementById('bw-tooltip');
const tip_height = tip.offsetHeight;
const tip_width = tip.offsetWidth;
const mouseY = event.clientY;
const mouseX = event.clientX;
const tip_abs_bottom = mouseY - TIP_Y_OFFSET + tip_height;
const screen_height = document.body.clientHeight;
const screen_width = document.body.clientWidth;
tip.style.top = mouseY < TIP_Y_OFFSET || tip_height > screen_height ? 0 :
tip_abs_bottom > screen_height ? screen_height - tip_height : mouseY - TIP_Y_OFFSET + 'px';
tip.style.right = '';
if(mouseX > screen_width - FLIPPER){
tip.style.left = '';
tip.style.right = screen_width + TIP_X_OFFSET - mouseX + 'px';}
else{
tip.style.left = mouseX + TIP_X_OFFSET + 'px';}
</pre></p>
2009-03-02T02:15:44Z
39393
Script
99389
21519
2009-03-02T06:34:19Z
64431