아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (199)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (32)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (6)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라
Web/jquery

[제이쿼리] 스크롤, 위치 값 구하기

Web/jquery

[제이쿼리] 스크롤, 위치 값 구하기

2018. 5. 15. 14:56


스크롤 위치 구하기

.scrollLeft();

.scrollTop();


스크롤 위치 설정하기

.scrollLeft(위치값);

.scrollTop(위치값);


문서 크기 구하기

$(document).width();

$(document).height();


전체화면 크기 구하기

screen.width;

screen.height;


유효한 전체 화면 크기 구하기

screen.availWidth;

screen.availHeight;


윈도우 기본 크기 구하기

window.innerWidth;

window.innerHeight;


윈도우 기본 크기 + 메뉴바 + 툴바 영역이 포함된 크기 구하기

$(window).Width();

$(window).Height();


윈도우 기본 크기 + 메뉴바 + 툴바 + 스크롤바 영역이 포함된 크기 구하기

window.outerWidth;

window.outerHeight;


https://jsfiddle.net/Kimara/jbj508Lg/3/




윈도우 위치 다루기

window.screenLeft;

window.screenTop;


위치 값 설정하기

window.moveTo(dx,dy);

window.moveBy(dx,dy);


윈도우 스크롤 위치 값 구하기

window.pageXOffset;

window.pageYOffset;


윈도우 스크롤 위치 설정하기

window.scrollTo(x,y);

window.scrollBy(x,y);


윈도우 스크롤 이벤트 처리하기

$(window).on('scroll', function(){});





















728x90
저작자표시 비영리 (새창열림)

'Web > jquery' 카테고리의 다른 글

[제이쿼리] iframe에서 부모 접근 컨트롤  (0) 2018.05.15
[제이쿼리] fading / sliding / this  (0) 2018.05.15
[제이쿼리] 위치 및 크기 다루기  (0) 2018.05.15
[제이쿼리] jQuery UI slider  (0) 2018.05.15
[제이쿼리] .on() 이벤트 종류  (0) 2018.05.15

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.