jquery scrollTo对我不起作用

Question

我对jquery scrollTo插件有一个简单的用法。 一个html表，用于在一段时间内添加行。 表窗口包含13行，但在一个会话中，表可能会增长到40或50行。我想要发生的是，一旦添加了第14行和后续行，它将始终滚动到表中的最新（最后）行。插入第14行时，表格会获得垂直滚动条。

我必须遗漏一些东西，因为它不起作用。 这是代码：

<script src="jquery.scrollTo.min.js" type="text/javascript"></script>

并在调用的函数末尾插入新行：

$(".LOGROW").scrollTo( 'max', 1000, {axis:'y'} );

表中的每个tr都有LOGROW类。 任何帮助表示赞赏。

Answer 1

就个人而言，我使用jQuery的animate功能在需要时滚动到一个元素，这样你甚至不需要一个插件。它看起来像这样：

$("html, body").animate({scrollTop: $("#element").offset().top}, 500);

但是，我发现您可能只想在其中滚动表格的div。因此，请确保您的表格包含div，并为其指定css样式overflow: auto;或overflow: scroll;

假设您的div的ID为＆＃34; myDiv＆＃34;，您可以尝试：

$("#myDiv").animate({scrollTop: $(".LOGROW:last").offset().top}, 500);

最后，如果其他所有方法都失败了，请尝试提供display: block;和/或position: relative;的表格和/或div包装css样式。或者，您可能必须使用该偏移值+/-一点才能准确地将其移动到您想要滚动的位置。

我希望这有帮助！

编辑：我刚试过它，它对我有用，只要div包装器有一个高度设置。