时间戳

首页 > 解决方案 > 两个按钮中的一个启动滚动，但它们都应该

javascript - 两个按钮中的一个启动滚动，但它们都应该

问题描述

我有一个长页面，顶部有一个按钮，底部有一个按钮，我让第一个按钮将我滚动到底部的 div 标签，如下所示

 <button onClick="document.getElementById('middle').scrollIntoView();" >

 <b>
    Learn More.
 </b>
 </button>`

但是具有相同代码但中间更改为顶部的第二个按钮不起作用

    <button onClick="document.getElementById('top').scrollIntoView();" , class = 'goback ' >

    <b>
        Go Back Up
    </b>
    </button>

我对此没有任何解决方案，我错过了什么愚蠢的东西吗？

标签： javascripthtmlcss

解决方案

我认为如果您不使用 Javascript 会更好，因为某些用户在访问网站时会完全禁用它。

<a>将标签包裹在您的按钮周围，并改用该href属性。

section {
  height: 70vh;
  border: 1px solid black;
}
<section id="first-section">
  <a href="#second-section"><button>Go to second section</button></a>
</section>
<section id="second-section">
  <a href="#first-section"><button>Go to first section</button></a>
</section>

推荐阅读