<!-- 위아래 스크립트 -->
  <script type='text/javascript'>

$(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 600) {
            $(".ScrollButton").fadeIn();
        } else {
            $(".ScrollButton").fadeOut();
        }
    });
     
    $("#TopButton").click(function() {
        $("html").animate({scrollTop : 0}, 600);
    });
 
    $("#BottomButton").click(function() {
        $("html").animate({scrollTop : ($("#footer").offset().top)}, 600);
    });
});

</script>

<link href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0' rel='stylesheet'/>



  <!-- 위아래 스크롤 버튼 -->
  <div class='mini'>
      <div class='btn_arrow'>
      <a id='TopButton'>
          <span class='material-symbols-outlined'>arrow_drop_up</span>
        </a>
      </div>
        <div class='btn_arrow'>
        <a id='BottomButton'>
  <span class='material-symbols-outlined'>arrow_drop_down</span>
            </a>
        </div>
  </div>

<!-- 카피 버튼 스크립트 -->     
    <script>
                function copyToClipboard(val) {
                var t = document.createElement("textarea");
                document.body.appendChild(t);
                t.value = val;
                        t.select();
                        document.execCommand('copy');
                        document.body.removeChild(t);
                    }

                  $('#copybtn1').click(function() {
                      copyToClipboard('링크 주소1');
                      alert('복사 시 나올 말1');
                  });

                  $('#copybtn2').click(function() {
                    copyToClipboard('링크 주소2');
                    alert('복사 시 나올 말2');
                    });
         
                </script>

<button id="copybtn1" onclick="copyToClipboard();" class="copybtn">버튼 내용1</button>
<button id="copybtn2" onclick="copyToClipboard();" class="copybtn">버튼 내용2</button>