본문 바로가기 메뉴 바로가기

밀 종합 ٩(`╹ω╹´)و

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

밀 종합 ٩(`╹ω╹´)و

검색하기 폼
  • 분류 전체보기 (161)
    • 프로그램&설정 (8)
      • VSCode (2)
      • 터미널 (4)
      • M1 맥북 (0)
      • 크롬 (1)
    • 이론 (140)
      • HTML (9)
      • CSS (29)
      • JS (64)
      • jQuery (15)
      • Sass (1)
      • Canvas (1)
      • SVG (7)
      • 접근성 (7)
      • 용어 (7)
    • 강의 (4)
      • Do it! (3)
      • 제로초 (1)
    • 인터랙션 & 컴포넌트 (8)
      • CSS (2)
      • JS (1)
      • 플러그인 (5)
    • 개인 프로젝트 (0)
      • 클론 만들기 (0)
    • 실무 노하우 (0)
    • UI (1)
    • 단축키 (0)
      • Mac (0)
  • 방명록

offsetTop (1)
[JS] Element.clientTop / offsetTop / scrollTop

Element 속성 설명 clientTop border-top의 값 offsetTop offsetParent를 기준으로 각각 요소가 아래쪽으로 얼마나 떨어져 있는지를 나타낸다. scrollTop ‘수직 스크롤 바에 의해 가려져 보이지 않는’ 위쪽 콘텐츠의 높이 대부분의 기하 프로퍼티는 읽기전용이지만 scrollTop과 scrollLeft와 은 변경이 가능하다. (scrollTop을 0이나 1e9같이 아주 큰 숫자로 설정해 스크롤 바를 최상단이나 최하단으로 옮길 수 있다.) clientTop clinetTop = border-top offsetTop offsetParent를 기준으로 각각 요소가 아래쪽으로 얼마나 떨어져 있는지를 나타낸다. [offsetParent의 기준] CSS position 프로퍼티가..

이론/JS 2020. 12. 29. 21:18
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • scrollTop
  • property
  • 동등 연산자
  • prototype 프로퍼티
  • scrollHeight
  • innerHeight
  • outerHeight
  • 일치 연산자
  • 객체의 프로퍼티
  • __proto__
  • 불일치 연산자
  • [[Prototype]]
  • offsetHeight
  • 부등 연산자
  • clientHeight
  • @font-face
  • 점 표기법
  • 동치 연산자
  • 링크막기 #a링크막기
  • javascript class
  • 프로퍼티
  • constructor
  • clinetTop
  • offsetTop
  • 대괄포 표기법
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바