javascript ふわっと固定ページトップボタン

Posted 2021-05-03

/* ページトップへ戻るボタン（ふわっと出現）
----------------------------------------------*/
function scroll_top() {
    $(function() {
        var topBtn = $('#js-scrollTop');
        topBtn.hide();
        $(window).on('scroll touchmove', function() { //スクロール中に判断する
            if ($(this).scrollTop() > 300) {
                topBtn.fadeIn();
                topBtn.stop();
                topBtn.css('display', 'none').delay(500).fadeIn('fast');
            } else {
                topBtn.fadeOut();
            }
        });
    });
}
scroll_top();

/* pagetop
----------------------------------------------*/
var topBtn = $('#js-fixed-pagetop');
topBtn.hide();
$(window).scroll(function () {
 if ($(this).scrollTop() > 100) {
  topBtn.fadeIn();
 } else {
  topBtn.fadeOut();
 }
});