각 영역에 삽입합니다.
반응형에 퀵메뉴가 불필요하신 분들은 워드프레스 트렌드용 스크롤탑 버튼으로 교체하시고 색상이나 크기를 맞춰 사용하시기 바랍니다.


HTML


푸터모듈에 삽입


<!------------------------------- 스크롤탑 ----------------------------------------->
<div id="scrollTop">
    <div class="scrollBtn hidden-xs"><i class="fa fa-chevron-up"></i></div>
</div>


<!------------------------------- 스크롤탑 종료 ----------------------------------------->


CSS


#scrollTop {
position: fixed;
bottom: 5px;
right: 10px;
cursor: pointer;
display: none;
}
#scrollTop .scrollBtn {
border-radius: 3px;
background-color: rgba(0,0,0,0.82);
color: rgba(255,255,255,1.00);
width: 35px;
height: 35px;
text-align: center;
text-decoration: none;
}
#scrollTop  .scrollBtn:hover { background-color: rgba(199,22,45,1.00); }
#scrollTop  .scrollBtn i { vertical-align: -6px; }


MYJS.JS


//------------------------------- 스크롤탑 ----------------------------------------->


$(function() {
  $.fn.scrollToTop = function() {
    $(this).hide().removeAttr("href");
    if ($(window).scrollTop() != "0") {
      $(this).stop().fadeIn(1000);
    }
    var scrollDiv = $(this);
    $(window).scroll(function() {
      if ($(window).scrollTop() == "0") {
        $(scrollDiv).fadeOut(1000)
      } else {
        $(scrollDiv).fadeIn(1000)
      }
    });
    $(this).click(function() {
      $("html, body").animate({
        scrollTop: 0
      }, "slow")
    })
  }
});


$(function() {
  $("#scrollTop").scrollToTop();
});


//------------------------------- 스크롤탑 종료 ----------------------------------------->