아는 것이 좋은 것이다.

[jQuery] 스크롤 상단으로 이동 본문

jQuery

[jQuery] 스크롤 상단으로 이동

start0 2014. 6. 21. 17:26 
<!DOCTYPE>
<html>
 <head>
  <title> 스크롤 이동 </title>
 </head>
 <body>
<div style="height:500px;">영역1</div>
<div style="height:500px;">영역2</div>
<div style="height:500px;">영역3</div>
<div style="height:500px;">영역4</div>

<div class="moveTop">TOP</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
    var speed = 500; // 스크롤속도
    $(".moveTop").css("cursor", "pointer").click(function()
    {
        $('body, html').animate({scrollTop:0}, speed);
    });
});
</script>
 </body>
</html>
저작자표시

'jQuery' 카테고리의 다른 글

[jQuery] 문자열 입력제한  (0) 2014.06.27
[jQuery] 이메일 직접입력, select 선택입력  (0) 2014.06.25
[jQuery] 동적테이블 생성 삭제 계산  (0) 2014.06.13
[jQuery] radio 선택된 값 가져오기  (0) 2014.06.12
[jQuery] jQuery 레이어 팝업, 마우스 위치에 창 띄우기  (3) 2014.06.04
공유하기 링크
'jQuery' Related Articles more
Comments