JavaScript

[Window_Object] JS - pageXOffset 속성 - 오프셋부터 계산한 스크롤가로길이 (IE9 이상)

pageXOffset 예제

 

<style>

div {

  border: 1px solid black;

  background-color: yellow;

  height: 2000px;

  width:750px ;

}

.btn {position:fixed}

</style>


<button onclick="homzzang()" class='btn'>클릭</button><br><br>

<div>홈짱닷컴 Homzzang.com - 홈페이지 제작관리 + 서버관리</div>


<script>

function homzzang() {

  window.scrollBy(100, 100);

  alert("pageXOffset: " + window.pageXOffset + ", pageYOffset: " + window.pageYOffset);

}

</script>

 

결과보기

오프셋: 창의 왼쪽위 꼭지점


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Window_Object JS - window 객체 - 윈도우객체 (속성/메서드) 종류
Window_Object JS - closed 속성 - 윈도우창 닫힘 체크
Window_Object JS - console 속성 - 콘솔 윈도우객체속성
Window_Object JS - defaultStatus 속성 - 상태표시줄 기본텍스트 (지원X)
Window_Object JS - document 속성 - 웹문서 윈도우객체속성
Window_Object JS - frameElement 속성 - 현재창이 삽입된 <iframe> 요소 반환
Window_Object JS - window.frames 속성 - 프레임 윈도우객체속성 (= window.frames속성 = 윈도우…
Window_Object JS - history 속성 - 히스토리 윈도우객체속성
Window_Object JS - innerHeight 속성 ★ - 윈도우창 순수 내용영역 높이 반환 (= 내용높이 = 내부높이 = …
Window_Object JS - innerWidth 속성 ★ - 윈도우 내용영역 너비(= 내용너비 = 내부너비 = innerWidt…
Window_Object JS - length 속성 - iframe 개수 반환 (= length속성 = 렝스속성) ※ 아이프레임 요소…
Window_Object JS - location 속성 - 위치객체 (= window객체소속, 현재URL정보 갖음)
Window_Object JS - name 속성 ★ - 윈도우창이름 설정/반환 (= 자식창제어)
Window_Object JS - navigator 속성 - 웹브라우저객체 (※ window객체소속)
Window_Object JS - opener 속성 ★ - 팝업창의 부모창 제어 (= opener속성 = 오프너속성) ※ 클릭 시, …
1/4
목록
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱 PC버전 로그인