javascript - 如何使用JS跳转到页面的特定位置？试过 scrollIntoView，不工作

Question

我有一个用于讨论的 PHP 表单。每条消息都有自己的响应按钮，该按钮是动态生成的。我在按钮中使用 javascript 使响应表单在页面底部可见，但我终生无法让页面在可见时跳转到表单。对于有很多讨论的页面来说，这是一个问题，因为一些用户可能不知道向下滚动，只会认为按钮不起作用。

这是我现在的按钮代码:

<a href="#" onClick="changeVisibility(3,'responseForm')"><img src="images/reply.jpg" border=0 /></a>

changeVisibility 函数如下所示:

function changeVisibility(parentID, elementID) {
  document.getElementById(elementID).style.visibility="visible";
  document.forms[0].parent_id.value=parentID;
  var el = document.getElementById(elementID);
  el.scrollIntoView(true);
}

在我的表单中，我有一个 div，其 id 设置为 responseForm。单击按钮时，div 确实变得可见，但 scrollIntoView 不起作用 - 我必须手动向下滚动才能看到它。有什么想法吗？

Answer 1

使用window.location.hash

function changeVisibility(parentID, elementID) {
  document.getElementById(elementID).style.visibility="visible";
  document.forms[0].parent_id.value=parentID;
  window.location.hash = '#' + elementID;
  return false;
}

<a href="#" onClick="return changeVisibility(3,'responseForm')"><img src="images/reply.jpg" border=0 /></a> 

编辑:我认为之前的问题是您没有返回 false，因此默认操作(转到 #)仍在发生。