我有一个包含大约500行的HTML表。我在页面上有一个输入文本框,用户可以在表格行中输入要搜索的文本,当他们单击Enter按钮时,页面会执行一些jQuery来查找并突出显示包含他们输入的文本的行。当然,亮点只不过是改变行的背景颜色。
问题 假设最终突出显示的行进一步向下(或高于)用户当前的表格视图,如何滚动页面以便新突出显示的行进入视图?
我尝试了以下测试,但它无法正常工作。 (只想将网页滚动到表格的最后一行)。
var rowPos = tbl.find('tr:last').position();
$("form:first").scrollTop(rowPos.top);
感谢您的帮助!
答案 0 :(得分:2)
你应该试试这个:
window.scrollTo(0,200);
或者如果你想使用jquery:
$("html").scrollTop();
确保它是具有滚动条的窗口
答案 1 :(得分:1)
试试这个
$("html,body").animate({scrollTop: rowPos.top}, 800);