<div class="codetitle"> <span><a style="CURSOR: pointer" data="89425" class="copybut" id="copybut89425" onclick="doCopy('code89425')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code89425"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml" > <br><head> <br><title>제목 없는 페이지</title> <br><script type="text/javascript" src=jquery-1.8.0. js>< ;/script> <br><script> <br>$(document).ready(function () { <br>//상단 버튼을 클릭하면 메소드가 실행되고, scrollTop 속성은 선택한 라벨과 스크롤 막대 사이의 거리. <br>$('#top').click(function () { <br>$('html').animate( <br>{ scrollTop: '0px' } , 1000 <br>); <br> }); <br>//하단 라벨을 클릭하면 offset()이 현재 뷰포트에서 일치하는 요소의 상대 오프셋을 가져오고 반환하는 메서드가 실행됩니다. 두 가지 속성이 있는 개체 위쪽, 왼쪽 <br>/ 물론 /animate의 두 번째 속성인 '느림', '보통' 또는 '빠름'을 설정할 수도 있습니다. <br>$('#foot').click( function () { <br>$('html') .animate( <br>{scrollTop:$('span').offset().top},1000 <br>) <br>}) <br></head> <br><br /> br /> <br /> <br> <a href="#" id="foot">하단</a> br /> <br /> 🎜><br><a href="# " id="top">TOP</a> <br><br /> <br /> <br /> <br> <span></span> <br></html></div>
