设置自动滚动到固定高度表的底部

我有一个固定高度的表，我用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

设置自动滚动到固定高度表的底部

回答

相关问题