Top50
보관함
즐겨찾기
좋아요
최근목록
커뮤니티
건강/의학
문화/엔터
영상/사진
쇼핑/생활
경제/금융
IT/과학
스포츠
여행
음식/요리/맛집
유아/아동
교육/학습
어플/프로그램
유튜브
카페
블로그
자료/파일/문서공유
기타
비즈니스/사업
SNS
전체보기
전체개요
 
회사명 : 모아요넷
대표자 : 전현미
조회수:400

아이디로 스크롤 부드럽게 이동하게 하는 방법

0
아이디로 스크롤 부드럽게 이동하게 하는 방법

해당 아이디 위치로 부드럽게 이동하게 하는 방법이다

$(function() {
    var position = $('#이동할아이디').offset(); // 위치값
    $('html,body').animate({ scrollTop : position.top }, 1000); // 1초동안 이동
});

1초동안 부드럽게 스크롤 된다

한줄로 처리하기 위해서
$('html,body').animate({ scrollTop : $('#이동할아이디').offset().top }, 1000);

이런식으로도 가능하며 바로 이동하게 하려면 1000를 0초로 바꾸면 바로 이동한다 

유사한정보
폼입력시 필수 입력사항을 간단하게 제작하는 방법입니다  Jquery 프로그램 소스
폼입력시 필수 입력사항을 간단하게 제작하는 방법입니다
0
폼입력시 필수 입력사항을 간단하게 제작하는 방법입니다
0
자바스크립트 object 관려 내용을 json 형식으로 확인하는 방법  Jquery 프로그램 소스
자바스크립트 object 관려 내용을 json 형식으로 확인하는 방법
0
자바스크립트 object 관려 내용을 json 형식으로 확인하는 방법
0
페이지 뷰에서 확대 축소할때 확대되거나 축소된 크기를 반환하는 이벤트  Jquery 프로그램 소스
페이지 뷰에서 확대 축소할때 확대되거나 축소된 크기를 반환하는 이벤트
0
페이지 뷰에서 확대 축소할때 확대되거나 축소된 크기를 반환하는 이벤트
0
input text에서 onchange 같은 이벤튼  Jquery 프로그램 소스
input text에서 onchange 같은 이벤튼
0
input text에서 onchange 같은 이벤튼
0
체크시 텍스트 문구 변경하는 방법  Jquery 프로그램 소스
체크시 텍스트 문구 변경하는 방법
0
체크시 텍스트 문구 변경하는 방법
0
프레임이 여러게 있는경우 접근하는 방법  Jquery 프로그램 소스
프레임이 여러게 있는경우 접근하는 방법
0
프레임이 여러게 있는경우 접근하는 방법
0
스타일 여러게를 한꺼번에 변경하는 방법  Jquery 프로그램 소스
스타일 여러게를 한꺼번에 변경하는 방법
0
스타일 여러게를 한꺼번에 변경하는 방법
0
리스너 형탱로 클릭이벤트 호출하는 방법 Jquery 프로그램 소스
리스너 형태로 클릭이벤트 호출하는 방법
0
리스너 형태로 클릭이벤트 호출하는 방법
0
0
0
태그의 노드(node) 접근하는 방법  Jquery 프로그램 소스
태그의 노드(node) 접근하는 방법
0
태그의 노드(node) 접근하는 방법
0
0
0
투명하게 변경하기 위한 방법 fadeTo  Jquery 프로그램 소스
투명하게 변경하기 위한 방법 fadeTo
0
투명하게 변경하기 위한 방법 fadeTo
0
show() blind사용할때 상하좌우 블라인드 되게 처리하는 방법  Jquery 프로그램 소스
show() blind사용할때 상하좌우 블라인드 되게 처리하는 방법
0
show() blind사용할때 상하좌우 블라인드 되게 처리하는 방법
0
부모창에서 자식창(iframe)에 변수,함수 접근하는 방법  Jquery 프로그램 소스
부모창에서 자식창(iframe)에 변수,함수 접근하는 방법
0
부모창에서 자식창(iframe)에 변수,함수 접근하는 방법
0
display가 none인지 display인지 알아내는 방법  Jquery 프로그램 소스
display가 none인지 display인지 알아내는 방법
0
display가 none인지 display인지 알아내는 방법
0
빵형의 개발도상국 프로그램 개발 소스 인공지는 AI 파이썬
2
신기하고 재밌는 인공지능을 쉽게, 짧게, 내손으로 만들수 있게 도와주는 유
0
2
신기하고 재밌는 인공지능을 쉽게, 짧게, 내손으로 만들수 있게 도와주는 유
0
초보코딩 프로그램 코딩 안드로이드앱 어플 소스
2
초보자 입장에서 파이썬으로 코딩해 보는 초보코딩 채널입니다. 느리지만 쉽
0
2
초보자 입장에서 파이썬으로 코딩해 보는 초보코딩 채널입니다. 느리지만 쉽
0
드림코딩 코딩 프로그램 개발 소스
2
유튜브 채널로 프로그램 코딩 관련 공부를 할수 있는 채널입니다
0
2
유튜브 채널로 프로그램 코딩 관련 공부를 할수 있는 채널입니다
0
블루비  자바스크립트 CSS HTML 이미지슬라이드 갤러리 소스 웹소스 프로그램소스 프로그램
310
웹프로그램(HTML, 자바스크립트, CSS, Ajax, Jquery 등) 관련 소스를 다운로드 받을
0
310
웹프로그램(HTML, 자바스크립트, CSS, Ajax, Jquery 등) 관련 소스를 다운로드 받을
0