Question

我有一个固定高度的表，我正在使用javascript添加行。我的问题是它一旦到达滚动。滚动设置在顶部，我看不到新添加的行。我希望滚动在添加行时向下移动。

我尝试在Firefor和Chrome中工作，但在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;
          });
    });

Answer 1

为什么不使用div。你可以将你的表放入div。如果只想显示垂直滚动条，也可以关闭水平滚动条。

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

使用 -ms-overflow-x：hidden

在IE8中

。

Answer 2

通过替换此

，可以在追加行后将焦点设置到表格的最后一行

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

     tableElement.scrollTop = tableElement.scrollHeight;

到这个

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

在自定义高度表中将自动滚动设置为底部

2 个答案: