자바 TOP 버튼 만들기
페이지 정보
본문
문장이 길어지면 TOP버튼, 위로 바로가기 버튼이 있으면 편리 합니다.
웹상에 공개된 소스가 많습니다만
제가 사용하는 코드는 아래와 같습니다.
죄송합니다만 출처를 모르겠습니다.
[code]
<!-- TOP BTN[S] -->
<a id="MOVE_TOP_BTN" href="#">TOP</a>
<style>
a#MOVE_TOP_BTN {
position: fixed;
right: 2%;
bottom: 50px;
display: none;
z-index: 999;
padding:10px;
background-color:#2490BF;
color:#FFFFE0;
}
</style>
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 500) {
$('#MOVE_TOP_BTN').fadeIn();
} else {
$('#MOVE_TOP_BTN').fadeOut();
}
});
$("#MOVE_TOP_BTN").click(function() {
$('html, body').animate({
scrollTop : 0
}, 400);
return false;
});
});
</script>
<!-- TOP BTN[E] -->
[/code]
[미리보기]
- 이전글
- 다음글
댓글목록
등록된 댓글이 없습니다.