자바스크립트 소스
특정 좌표(x, y)로 스크롤 이동 시키기
function scrollToDown(){
window.scrollTo(X, Y);
}
JQuery 소스
특정 요소(element)나 tag 위치로 스크롤 이동시키기
<script type="text/javascript">
function fnMove(seq){
// offset()으로 태그의 절대 위치를 구한 뒤
var offsetstr = $("#tagiD").offset();
// .top으로 해당 태그의 상단으로 500의 속도로 스크롤을 이동시킨다.
(숫자가 커질수록 속도는 느림)
$('html, body').animate({scrollTop : offsetstr.top}, 500);
}
</script>
<body>
<button onclick="fnMove()">div1로 이동</button>
<button onclick="fnMove()">div2로 이동</button>
<div id="div1">div1</div>
<div id="div2">div2</div>
</body>
'[개발] Programming > JQuery' 카테고리의 다른 글
| JQuery 함수 trigger(), 강제로 click 이벤트 발생시키기 (0) | 2018.10.29 |
|---|---|
| JQuery, 부모 태그 찾는 함수 Closest(), Parent(), Parents() (0) | 2018.10.29 |
| JQuery, 체크박스 체크 여부 검사하는 방법 정리 (0) | 2018.10.29 |
| JQuery, 동적으로 추가된 dom element(태그)에 onclick이 인식 안되는 경우 해결 방법 (0) | 2018.10.29 |
| JQuery 마우스 이벤트 정리 (0) | 2018.10.23 |
댓글