JQuery와 ScrollLeft() 메서드
번역 결과：
scroll
English [skrəʊl] American [skroʊl]
n. (공문서 기록에 흔히 사용됨) 종이 두루마리, 그림 두루마리, 두루마리(장식); . 컴퓨터 화면에서 (데이터 등)을 위에서 아래로 이동하려면
vi (스크롤처럼) 화면에 텍스트를 표시합니다.
왼쪽으로 ;왼쪽으로v. Leave (leave의 과거형 및 과거분사)JQuery와 ScrollLeft() 메서드통사론
함수: scrollLeft() 메서드는 일치하는 요소의 스크롤 막대의 가로 위치를 반환하거나 설정합니다. 스크롤 막대의 가로 위치는 왼쪽에서 스크롤된 픽셀 수입니다. 스크롤 막대가 가장 왼쪽에 있을 때 위치는 0입니다.
가로 스크롤 막대 위치 반환: 첫 번째로 일치하는 요소의 가로 스크롤 막대 위치를 반환합니다.
구문: $(selector).scrollLeft()
수평 스크롤 막대 위치 설정: 일치하는 모든 요소의 수평 스크롤 막대 위치를 설정합니다.
구문: $(selector).scrollLeft(위치)
매개변수:
| 매개변수 | Description |
| position | 선택 사항입니다. 새 위치를 픽셀 단위로 지정합니다. |
JQuery와 ScrollLeft() 메서드예
<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(){
$("button").click(function(){
$("div").scrollLeft(100);
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:100px;height:130px;overflow:auto">
The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.
</div>
<button class="btn1">把滚动条的水平位置设置为 100px</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요