아랄라랄라
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 정상우.
아랄라랄라

R 스토리

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

티스토리툴바