상단이동 스크롤 버튼(고정형)
<!-- 상단이동 탑 버튼 만들기 (고정형, 이미지버튼 사용) -->
<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(높이) 값을 넣어, 버튼의 크기를 조절할 수 있습니다.
