상단이동 스크롤 버튼(고정형)


<!-- 상단이동 탑 버튼 만들기 (고정형, 이미지버튼 사용) -->

<script>

$(document).ready(function (){

$("#click").click(function (){

$('html, body').animate({

scrollTop: $("body").offset().top

}, 500);

});

});

</script>


<a href="#doz_header;" style="position:fixed; right:40px; bottom:50px; display:block; z-index:999" id="click"><img src="/thumbnail/20170803/59829a0c15c1c.png" style="width:45px;"></a>

버튼 크기 및 위치 조절하기
1) Footer Cord 영역에 작성한 코드를 편집함으로써, 버튼의 위치를 달리 할 수 있습니다.
아래 그립처럼 right 과 bottom 의 픽셀(px) 값을 바꿔, 버튼의 위치를 조절해 보세요. 모두 0px로 처리하면, 우측/하단에 딱 붙어버립니다.
2) 버튼이미지의 크기도 조절이 가능합니다. 이미지주소(url) 다음에 width(너비)와 height(높이) 값을 넣어, 버튼의 크기를 조절할 수 있습니다.

사업자등록번호 : 106-04-80687

통신판매업신고번호 : 제 2015-서울용산-00950 호

T. 1566-5733  F. 02-6499-3299

이메일: so2815@naver.com

Copyright© Adliving. All right reserved. 


고객지원 : 고객지원 게시판

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

주소 : 서울시 마포구 도화동 173 삼창프라자빌딩 1539호

고객지원 : 고객지원 게시판

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

주소 : 서울시 마포구 도화동 173 삼창프라자빌딩 1539호

T. 1566-5733  F. 02-6499-3299

이메일: so2815@naver.com


사업자등록번호 : 106-04-80687

통신판매업신고번호 : 제 2015-서울용산-00950 호

Copyright© Adliving. All right reserved.