자바 TOP 버튼 만들기

페이지 정보

작성자 관리자 (49.♡.11.159) 조회 443회 작성일 22-01-29 09:58(마지막 글 수정: 2022년 06월 19일)

본문

문장이 길어지면 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]

 

 

[미리보기]

 

이미지 1.jpg

 



자바 관련된 게시글 보기

댓글목록

등록된 댓글이 없습니다.

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