scroll
English [skrəʊl] American [skroʊl]
n. (공문서 기록에 흔히 사용됨) 종이 두루마리, 그림 두루마리, 두루마리(장식); . 컴퓨터 화면에서 (데이터 등)을 위에서 아래로 이동하려면
vi (스크롤처럼) 화면에 텍스트를 표시합니다.
topEnglish [tɒp] US [tɑ:p]
n. 상단, 상단(상자) 표지, (도서 페이지 등) 상단
adj; 최고의
vt. 선두에 도달함...; 초월적 결말;
제이쿼리의 스크롤탑() 메소드 통사론
기능: scrollTop() 메서드는 일치하는 요소의 스크롤 막대의 수직 위치를 반환하거나 설정합니다. 스크롤 상단 오프셋은 상단을 기준으로 스크롤 막대의 오프셋을 나타냅니다. 이 메서드가 매개 변수를 설정하지 않으면 스크롤 막대 위쪽의 오프셋을 픽셀 단위로 반환합니다.
구문: $(selector).scrollTop(offset)
매개변수:
| 매개변수 | Description |
| offset | 선택사항. 스크롤 막대 상단으로부터의 오프셋을 픽셀 단위로 지정합니다. |
참고: 이 방법은 보이는 요소와 보이지 않는 요소 모두에 유효합니다. 값을 가져오는 데 사용되는 경우 이 메서드는 일치하는 첫 번째 요소의 스크롤 상단 오프셋을 반환합니다. 값을 설정하는 데 사용되는 경우 이 메서드는 일치하는 모든 요소의 스크롤 상단 오프셋을 설정합니다.
제이쿼리의 스크롤탑() 메소드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("div").scrollTop(100);
});
$(".btn2").click(function(){
alert($("div").scrollTop()+" px");
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:200px;height:200px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
</div>
<button class="btn1">把 scroll top offset 设置为 100px</button>
<br />
<button class="btn2">获得 scroll top offset</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요