html jQuery的でスムーズリンク（2）

Posted 2021-05-11

/* ページトップへスクロールする */
/* css */
.toTop {
  margin-top: 400px;
  display: inline-block;
  background: #0bd;
  padding: 15px;
  color: #fff;
  cursor: pointer;
}

/* javascript */
$(function(){
  $('.toTop').click(function () {
    $('body,html').animate({
      scrollTop: 0
    }, 800);
    return false;
  });
});


/* html */
<p>ページトップ</p>
<p class="toTop">ページトップへ</p>