我在 SO 上阅读过关于如何执行此操作的类似问题,但我的设置略有不同,针对这些问题提出的解决方案产生了奇怪的结果。
在我的页面上,我有一个 DIV
,它的高度是固定的,我给了它 ID table-container
。正如 ID 所示,它包含一个表 (id="myTable"
),每隔几秒使用 JavaScript 在底部附加一行。我试图实现的效果是,随着表格大小的增长,超出表格容器的大小,表格容器 DIV
将向下滚动,以便最后一行始终可见。
我使用了以下 JavaScript 来实现这一点:
$('#table-container').scrollTop ($('#myTable tr:last').position().top);
这对于前 20 行左右的添加工作正常,但之后它完全失去对底行的跟踪。我不明白为什么一开始这么好,然后就搞砸了。
我创建了一个 JSFiddle 来说明问题。 https://jsfiddle.net/crickes/meqzf4g1/16/
最佳答案
为什么你不能只做 $('#table-container').scrollTop ($('#myTable').height() );
?
关于javascript - 如何可靠地跟踪动态更新的 HTML 表格的底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30405761/