자바 Top 버튼 초간단 소스

페이지 정보

작성자 관리자 (49.♡.11.159) 조회 189회 작성일 24-03-09 16:42()

본문

Top 버튼 초간단 소스가 필요해 찾아봤습니다.

 

이게 제가 찾은 제일 초간단 소스 같네요.

더 간단한 소스 있음 알려주세요.

 

[code]

<!-- 상단으로 이동하기 버튼 -->

<a href="#" class="btn_gotop">

  <span>TOP</span>

</a>


<style>

.btn_gotop {

display:none;

position:fixed;

bottom:30px;

right:30px;

z-index:999;

border:1px solid #000080;

outline:none;

background-color:white;

color:#000080;

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> 

[code]




댓글목록

등록된 댓글이 없습니다.

사이트안내 | 서비스 이용약관 | 개인정보 처리방침 |
마이링크 | 후원안내 | FAQ | Admin
TOP