使用pageX/pageY「固定」頂部和左側座標 - 有可能嗎？

Question

我有下面的代碼會顯示在鼠標懸停彈出窗口（鏈接）：

<li id="menu-item-153" class="myClass"> 
      <a href="http://mylink.com" data-tooltip=".myDataTooltip">Text</a> 
      <div class="myDataTooltip">I have some explaining to do!</div> 
    </li> 


    <script> 
     $(function(){ 
       $("a").hover(function(e) { 
       $($(this).data("tooltip")).css({ 
        left: e.pageX + 1, 
        top: e.pageY + 1 
       }).stop().show(100); 
       }, function() { 
       $($(this).data("tooltip")).hide(); 
       }); 
     }); 
    </script> 

我的pageX屬性和PageY事件的理解是，他們將得到的鼠標指針的座標。在這種情況下，它會將1添加到所述座標並在那裏顯示我的彈出框。

我想顯示彈出框在一個固定的座標集，即。在鏈接頂部的描述框將顯示。我嘗試用固定的座標替換e.pageX/Y + 1公式，但不顯示說明框。

是我想做的可能嗎？如果是這樣，怎麼樣？

在此先感謝（1.5小時的谷歌搜索和試用&錯誤我沒有任何明智的）。

Answer 1

您錯過了位置：「絕對」。