• 목록

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

 

 

[미리보기]