-
탑버튼 초간단 넣기~~~~카테고리 없음 2022. 1. 14. 17:29300x250
<!-- 상단으로 이동하기 버튼 --> <a href="#" class="btn_gotop"> <span class="glyphicon glyphicon-chevron-up"> </span> </a> <style> .btn_gotop { display:none; position:fixed; bottom:30px; right:30px; z-index:999; border:1px solid #ccc; outline:none; background-color:white; color:#333; cursor:pointer; padding:15px 20px; border-radius:100%; } </style> <script> $(window).scroll(function(){ if ($(this).scrollTop() > 300){ $('.btn_gotop').show(); } else{ $('.btn_gotop').hide(); } }); $('.btn_gotop').click(function(){ $('html, body').animate({scrollTop:0},400); return false; }); </script>
소스코드를 붙여넣고
옵션 수치변경과 이미지를 넣어서
더욱 보기좋게 만들 수 있겠다
<span class="glyphicon glyphicon-chevron-up"> </span>
요것을 자신이 원하는 이미지나 텍스트로
디자인하면 되겠다
훌룡한 정보를 알게된 곳:
https://help.campaignus.me/article/272-topbutton
300x250반응형