scroll
English [skrəʊl] American [skroʊl]
n. (공문서 기록에 흔히 사용됨) 종이 두루마리, 그림 두루마리, 두루마리(장식); . 컴퓨터 화면에서 (데이터 등)을 위에서 아래로 이동하려면
vi (스크롤처럼) 화면에 텍스트를 표시합니다.
jquery 스크롤() 메서드 통사론
기능: 사용자가 지정된 요소를 스크롤하면 스크롤 이벤트가 발생합니다. 스크롤 이벤트는 스크롤 가능한 모든 요소와 창 객체(브라우저 창)에 적용됩니다. scroll() 메서드는 스크롤 이벤트를 트리거하거나 스크롤 이벤트가 발생할 때 실행할 함수를 지정합니다.
스크롤 이벤트 트리거: $(selector).scroll()
함수를 스크롤 이벤트에 바인딩: $(selector).scroll(function)
매개변수:
| 매개변수 | 설명 |
| 기능 | 선택 사항. 스크롤 이벤트가 발생할 때 실행할 함수를 지정합니다. |
jquery 스크롤() 메서드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$("div").scroll(function() {
$("span").text(x+=1);
});
});
</script>
</head>
<body>
<p>请试着滚动 DIV 中的文本：</p>
<div style="width:200px;height:100px;overflow:scroll;">text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.</div>
<p>滚动了 <span>0</span> 次。</p>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요