그냥, 일단 써내려가자

  • 홈
  • 태그
  • 방명록

스크롤 이벤트 쉽게 1

[JavaScript]스크롤 높이 개념 사진 한장으로 이해하기

안녕하세요 무택입니다 :) 오늘은 js에서 스크롤 높이의 개념에 대해 정리해보려고 합니다. js를 처음 배우기 시작한 사람으로서 스크롤 높이의 개념이 아직 헷갈릴 때가 많습니다. 그래서 스스로 정리할 겸 이해하기 쉽게 설명해 보도록 하겠습니다. 스크롤 높이 종류 높이의 종류는 크게 세 가지로 정리할 수 있습니다. 1. 요소의 실제 높이(전체 높이) : scrollHeight 2. 요소의 보여지는 높이 : clientHeight 3. 요소를 스크롤한 값 : scrollTop 이미지를 클릭하면 크게 볼 수 있어요 위 텍스트 박스의 클래스가 txtBox라고 한다면 document.querySelector(".txtBox").scrollHeight; //txtBox 요소의 전체 높이 document.queryS..

🧑‍💻개발/JS 2023.07.05
이전
1
다음
더보기
프로필사진

일상생활의 생각들, 공부하는 것들, 취미생활. 평범한 일상을 기록해 갑니다.

공지사항

  • 20만 조회수 기념 이벤트
  • 분류 전체보기 (262)
    • 📕스토리 (4)
    • 🍖냠 (6)
      • 제품 리뷰 (2)
      • 식당 리뷰 (4)
    • 🔎제품 (1)
    • 🧑‍💻개발 (95)
      • HTML·CSS (23)
      • JS (15)
      • jQuery (7)
      • 라이브러리 (12)
      • 개발자도구 (5)
      • 아카이브 (27)
      • 코딩애플 (4)
    • 🎨디자인 (76)
      • 포토샵 (43)
      • 포토샵 SOS (12)
      • 일러스트 (3)
      • 디자인 (15)
    • 💙취미 (13)
      • 블렌더 (2)
      • ISTJ의 감상평 (2)
    • 🏷️생활 팁 (30)
    • ✏️티스토리 (12)
    • ✈️여행 (5)
    • 💡생성 AI (8)
    • 🪄심리테스트 (2)
    • 오류 해결노트 (9)

최근글과 인기글

  • 최근글
  • 인기글
맨 위로
300x250

Copyright © Kakao Corp. All rights reserved.

0

티스토리툴바