弹出显示滚动

我以前问一个不完整的问题... 我用的jsfiddle重现我的问题转贴：弹出显示滚动

这个例子是工作在Mozilla，但在IE或Chrome无法正常工作。

说明：我是一个代表静态头的表。第二行包含行。 Eache行有2个表格单元格。第一个单元格可以是mouseHover，以在他的位置上显示一个弹出窗口。问题是弹出它不能正确显示在空间，当我有表滚动浏览铬和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是在小提琴（太长了）。

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

来源

2015-08-28 Bobuche

PLZ添加顶部&左侧位置

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

来源

2015-08-28 07:45:57

@ Lalji Tadhani做好 – Sasikumar

您好，感谢的答复。它正在JSFiddle上工作，但它定位在页面位置的顶部和左侧，而不是位置。在我的例子中没有菜单和页眉;）对不起。如果您在两张表之前添加一些
您的解决方案不再工作...我很难过... – Bobuche

我已经解决了这个问题！感谢你的帮助;）你带我走了 – Bobuche

The OP wrote in an edit：

我已经解决这个问题！在包含我有两个事件在弹出的每一个DIV：

onMouseHover='ShowInfoBulle(this);' 
onMouseOut='HideInfoBulle(this);' 

function ShowInfoBulle(sender) { 
      var cell = $(sender); 
      var infobulle = cell.find('#infobulle'); 
      var cellOffsetLeft = cell.offset().left; 
      var cellOffsetTop = cell.offset().top; 
      infobulle.css("top", cellOffsetTop + "px"); 
      infobulle.css("left", cellOffsetLeft + "px"); 
      infobulle.show(); 
     } 

function HideInfoBulle(sender) { 
      $(sender).find('#infobulle').hide(); 
     }

来源

2017-09-10 11:37:53

弹出显示滚动

回答

相关问题