設置自動滾動到固定高度表的底部

我有一個固定高度的表，我用javascript添加行。我的問題一旦到達滾動。滾動設置在頂部，我看不到新添加的行。我希望滾動可以隨着行的添加而向下移動。設置自動滾動到固定高度表的底部

我試過這個工作在Firefor和鉻但不能在IE8中工作。

$(document).ready(function(){ 

     $('button[id^="product"]').click(function() { 

       var newTr = $('<tr></tr>'); 

       newTr.html('<td width="29px" style="text-align:center;">x</td><td width="144px">Product 1</td><td width="44px" style="text-align:center;">2</td><td width="86px style="text-align:right;">16.50</td>'); 

       newTr.appendTo("#saletbl"); 

     var tableElement = document.getElementById('saletbl'); 

     tableElement.scrollTop = tableElement.scrollHeight; 
      }); 
    });

來源

2013-01-10 Saleem

你可以你爲什麼不使用DIV追加行後，將焦點設置表中的最後一排，通過更換這

var tableElement = document.getElementById('saletbl'); 

    tableElement.scrollTop = tableElement.scrollHeight;

這個

$("#saletbl tr:last-child").focus()

來源

2013-01-10 05:28:10 DON

滾動不在IE中顯示 – Saleem

在div中添加表並設置CSS樣式'overflow：auto' – DON

。你可以把你的表放入div。如果您只想顯示垂直滾動條，也可以關閉水平滾動條。

<div style="overflow:scroll;horizontal-scroll;overflow-x:hidden;">

使用 -MS-溢出-X：在IE8隱藏

。

來源

2013-01-10 05:28:25 Umesh

設置自動滾動到固定高度表的底部

回答

相關問題