如何动态更改绝对工具提示基于目标元素的位置

Question

我正在尝试制作一个基本上显示表格的工具提示（在我下面的示例中，我使用了大量文本）。 但是，当您将鼠标悬停在几乎位于屏幕一角的目标元素上时，我想要更改工具提示的位置。

以下是Fiddle

[TestClass]
public class UnitTests: MyUnitTestBase<TestComponentVersionA> 
{    
}

Answer 1

如果下面有重叠，您可以稍微更改mousemove代码以更新top位置。查看演示 - the other 70+ SDKs

on("mousemove", function(mousePos){
    var overlap = mousePos.pageY + posSrollY + $tooltipContainer.height() - $(window).height() - $(window).scrollTop();
    $tooltipContainer.css({
        left: mousePos.pageX,
        top: mousePos.pageY + posSrollY - ( overlap > 0 && overlap )
    });
})