Html & Script

고급스런[top]으로 가기 스크립트

컨텐츠 정보

본문

문서가 길 경우 최상단으로 이동시켜주는 버턴들 많이 다시죠?
이 경우 흔히들 아래 소스를 사용하게 됩니다.
href=#
href=#none
href=#top
href=main.html
onclick=reload()

아래 소개하는 스크립트 소스 한번 적용해보세요.
위의 소스와 같이 문서 최상단으로 이동은 하지만
아주 부드럽고 스무스하게 스크롤되면서 이동하는 고급스런 기능입니다.
--------------------------------------------------------------------------------
<html>
<head>
<!-- TOP 스크롤 -->
<script>
function back_top()
{
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
        step = 2;

        while ((x != 0) || (y != 0)) {
                scroll (x, y);
                step += (step * step / 300);
                x -= step;
                y -= step;
                if (x < 0) x = 0;
                if (y < 0) y = 0;
        }
        scroll (0, 0);
}
</script>
<!-- TOP 스크롤 -->
</head>
<body>
<img src="이미지경로" onclick="back_top()" style=cursor:hand alt="최상단으로 이동">
</body>
</html>

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
사람의 과실은 흔히 언어에서 나오는 것이니 말은 반드시 정성스럽고 미덥게 시기에 맞춰 진실되게 하여야 한다. (이율곡)