Кнопка прокрутки не работает так, как я хочу

Question

У меня есть кнопка на моем веб-сайте, которая автоматически прокручивает c, когда я go попадаю на сайт. Я хочу, чтобы он прокручивался, только если я нажму кнопку ...

@import url(https://fonts.googleapis.com/css?
 family=Josefin+Sans:300,
400);
* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

section {
  position: relative;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}

section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
  background-image: url(Bilder/MeetFriendsBackground.jpg);
  background-image: url(Bilder/MeetFriendsBackground.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  scroll-behavior: smooth;
}

<section id="section01" class="demo">
  <h1 class="lamf">Learn about MeetFriends!</h1>
  <a href="#section02"><span></span><scrollbutton><div><button class="scroll">Scroll</button></div></scrollbutton></a>
</section>
<section id="section02" class="demo"></section>

Любой, кто знает, что мне делать?

Answer 1

возможно, вы можете предотвратить прокрутку тела, применив свойство переполнения overflow :hidden;

html,
body {
  height: 100%;
  scroll-behavior: smooth;
  overflow :hidden;
}