使用jQuery更新DOM元素时保持页面位置

Question

我有一个很长的行，并且必须向下滚动才能看到所有行。当我更新最后一行时，浏览器会自动滚动到页面顶部。我该如何解决它？

<table> 
    ..... 
    <tr> 
     <td id='row_xxx'> 

     </td> 
    </tr> 
    ..... 
</table> 

和脚本

$("row_xxx").html("abc abc ab"); 

Answer 1

我猜你可以使用window.scrollto（）功能。

http://www.w3schools.com/jsref/met_win_scrollto.asp

或者jQuery的scrollTop的

$("#row_xxx").scrollTop($("#row_xxx").attr("scrollHeight")); 

Answer 2

可以使用scrillHeight属性。

$("#myTable").attr(
{ 
    scrollTop: $("#myTable").attr("scrollHeight") 
});