jquery - 滚动表格中的弹出显示

Question

我之前问过一个不完整的问题... 我重新发布了一个 JSFiddle 重现我的问题:

Example

此示例适用于 Mozilla，但不适用于 IE 或 Chrome。

解释: 我一个代表静态表头的表。第二个包含行。 每行有 2 个表格单元格。 第一个单元格可以是 mouseHover 以在其位置上显示弹出窗口。 问题是，当我在 chrome 和 IE 上滚动表格时，弹出窗口无法在空间中正确显示，但在 Mozilla 中可以。

悬停时弹出显示的单元格:

<div id="divCellule" runat="server" onmouseover="javascript:$(this).find("#infobulle").show();" onmouseout="javascript:$(this).find("#infobulle").hide();">
    <div class="infobulle" id="infobulle">
        <span>Title</title>
    </div>
    <span>063</span>
</div>

每个单元格都在表格的一行中。该表在 div 中“溢出”

代码:

<div class="overflow">
  <table class="table_planning">
      <tr>
         <td>
             <-CELL->
         </td>
      </tr>
      <tr>
         <td>
             <-CELL->
         </td>
      </tr>
      <tr>
         <td>
             <-CELL->
         </td>
      </tr>
      <tr>
         <td>
             <-CELL->
         </td>
      </tr>
      <tr>
         <td>
             <-CELL->
         </td>
      </tr>
   </table>
</div>

CSS:

.overflow {
    display: block;
    width: 100%;
    height: 450px;
    max-height: 450px;
    overflow-x: auto;
    overflow-y: scroll;
}

表格的 CSS 在 Fiddle 中(太长)。

希望它解释得更好......

Answer 1

请添加顶部和左侧位置

.table_planning .infobulle{left:20px; top;50px}