📑 [jQuery]ページトップへ戻る
作成日: 2021/07/13
0

jQuery読み込み

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

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

<div class="page_top"><a href="#">TOP</a></div>

bodyタグの終了直前に記述すればいい

$(function(){
    const pagetop = $(".pagetop");
    $(window).scroll(function(){
        if($(this).scrollTop() > 80) {
            pagetop.fadeIn();
        }else {
            pagetop.fadeOut();
        }
    });
    
    pagetop.click(function(){
        $('body, html').animate({scrollTop: 0.3}, 500);
        return false;
    });
});

よろしくおねがいします!