彈出顯示滾動

我以前問一個不完整的問題... 我用的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

彈出顯示滾動

回答

相關問題