html jQuery的でスムーズリンク(2)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html jQuery的でスムーズリンク(2)相关的知识,希望对你有一定的参考价值。

/* ページトップへスクロールする */
/* 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>

以上是关于html jQuery的でスムーズリンク(2)的主要内容,如果未能解决你的问题,请参考以下文章

text Vue公司でスムーススクロール

html ソーシャルリンクの设置

html 选択バーでクイックリンク

html jQuery的でスライドパネル

scss リンクカラー

php 20180425モーダルを闭じてページ内リンク