Smooth Scroll

JS Smooth Scroll, Simple Code

by Angelica

HTML

<p id="top">
  You can make this scroll around using anchors. <a href="#bottom">Click to go to the bottom</a>
</p>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p id="bottom">
  <a href="#top">Click to go back to the top!</a>
</p>

CSS

html {
  scroll-behavior: smooth;
}

JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>