如何自动滚动到特定的表格行?

时间:2010-09-23 18:03:05

标签: javascript jquery html dom

我有一个带有标题的html页面,一个包含100个项目和一个页脚的表格。

当有搜索时,我会突出显示包含数据的行。

但是,如果突出显示的行是第75行,则用户必须向下滚动才能找到它。

如何自动滚动到该行?

我确实看到scrollTo(),但看到它只需要轴点。

有什么建议吗?

感谢。

(在C,html,css和javascript / jquery中使用cgi)

3 个答案:

答案 0 :(得分:9)

您应该可以使用scrollIntoView()。 (它直接在DOM元素上。)

请注意,在某些布局情况下,在页面上滚动某些内容会导致IE6和7确定需要滚动其他随机内容。

答案 1 :(得分:2)

试试这个:

<script>
function ScrollToElement(theElement){

  var selectedPosX = 0;
  var selectedPosY = 0;

  while(theElement != null){
    selectedPosX += theElement.offsetLeft;
    selectedPosY += theElement.offsetTop;
    theElement = theElement.offsetParent;
  }

 window.scrollTo(selectedPosX,selectedPosY);

}
</script>

<body onload="ScrollToElement(document.formName.elementName)">

答案 2 :(得分:0)

我认为你可以这样做:

在您喜欢的地方使用此行,

<a id="bookmark"></a>

当您启动网页时,请按以下方式调用:

http://mypage.com/setting.php#bookmark

这对我有用而没有显示锚。

再次检查是否在html中使用书签

EDITED: 检查:JavaScript - Jump to anchor