CodePen Embed - QWEGezq

<div id="wrap">
  
  <h1>Have A Nice Day</h1>
  <p><a href="#end">最下部へ移動する</a></p>
  
</div>

<footer id="end"><p><a href="#">ページトップに戻る</a></p></footer>

html{
  scroll-behavior: smooth;
  }

#wrap{background-color:red;
  scroll-behavior: smooth;
color:#fff;
  height:5000px;
width:50%;
  text-align:center;
margin:auto;}

footer{margin-top:100px;
  text-align:center;
  padding:10px;
background-color:#000;
}

a:link,a:visited{color:#fff;}

This Pen is owned by nakatax on CodePen.

See more by @cocohp on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.