单击按钮滚动页面以链接到同一页面

Question

这是我的代码，它没有显示任何错误，但也不去href位置。当我更改href为“www.google.com”时，代码可以正常工作。为什么它不适用于同一页面链接？

<form>
<a href="#DivIdToScroll">
   <div id="btnLink" onClick="generateReport();"> Generate </div>
</a>
</form>

<script>
function generateReport()
{
    window.location.href = '#DivIdToScroll';
}
</script>

Answer 1

我根据您提供的代码准备了一个代码片段。我刚刚制作了一个长容器，并在下部插入了一个Id为“DivIdToScroll”的div。似乎工作正常。您可能使用了类而不是 Id。希望能帮助到你。

 function generateReport() {
   window.location.href = '#DivIdToScroll';
 }

.longContainer {
  height: 1000px;
  background: #eee;
}
.justTakingSpace {
  height: 600px;
  margin: 2px;
  background: #ddd;
}

<div class="longContainer">
  <form>
    <a href="#DivIdToScroll">
      <div id="btnLink" onClick="generateReport();">Generate</div>
    </a>
  </form>

  <div class="justTakingSpace"></div>

  <div id="DivIdToScroll">Oh you're here at "#DivIdToScroll". hello hello.</div>
</div>