ページトップへ戻るボタン

usanoko 124views 更新:2017年1月23日

デモ
https://usanoko.github.io/pagetopbtn/

HTML

<!-- jQuery本体を読み込む -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div id="pagetop">
    <a id="btn_top" href=""><img src="img/btn_pagetop.png" alt="ページトップへ戻る"></a>
</div>

jQuery

$(function () {
    $("#btn_top").click(function () {
        $('html,body').animate({scrollTop: 0}, 'slow', 'swing');
        return false;
    });
});

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません