jQuery以及如何将表滚动到某一行

时间:2012-06-14 18:08:45

标签: jquery

我有一个包含大约500行的HTML表。我在页面上有一个输入文本框,用户可以在表格行中输入要搜索的文本,当他们单击Enter按钮时,页面会执行一些jQuery来查找并突出显示包含他们输入的文本的行。当然,亮点只不过是改变行的背景颜色。

问题 假设最终突出显示的行进一步向下(或高于)用户当前的表格视图,如何滚动页面以便新突出显示的行进入视图?

我尝试了以下测试,但它无法正常工作。 (只想将网页滚动到表格的最后一行)。

var rowPos = tbl.find('tr:last').position();
$("form:first").scrollTop(rowPos.top);

感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

你应该试试这个:

 window.scrollTo(0,200);

或者如果你想使用jquery:

$("html").scrollTop();

确保它是具有滚动条的窗口

答案 1 :(得分:1)

试试这个

$("html,body").animate({scrollTop: rowPos.top}, 800);