hyeeoooook 님의 블로그

  • 홈
  • 태그
  • 방명록

Observer 1

[문제해결] - Myblog[project] - JavaScript 스크롤기반 페이지

문제 해결 기간 : 2026.01.12 ~ 2026.01.18 원인 : html에서 h-screen은 각 기능마다 y값이 다르기 때문에, JS코드의 offsetTop값을 비교할때 편차가 존재한다. 영상처럼 스크롤중에 index 값 2가 두번 출력되면서 마지막 섹션까지 높이값을 이용한 조건에 편차가 존재한다는것을 알았다. 실제로 콘솔을 찍어본 결과1번 인덱스 높이 : 11112번 인덱스 높이 : 2224 이런식으로 찍히는데 실제 사용자는 모니터에 따라 다른 높이값을 출력했다.24인치 모니터 기준1번 인덱스 높이 : 11112번 인덱스 높이 : 2223.33341등등... 때문에 정확한 높이의 값을 지정하기엔 어려움이 있음을 깨달았다. 기존 JS 코드navControler();function navCont..

문제해결 2026.01.18
이전
1
다음
더보기
프로필사진

hyeeoooook 님의 블로그

Front-End 개발자의 공부 일기

  • 분류 전체보기 (46) N
    • 문제해결 (4)
    • Front-End (20)
      • HTML (12)
      • JavaScript (7)
    • Back-End (3)
    • 알고리즘 (6) N
    • 멋쟁이사자 처럼(Front-End 17기) (8)
    • 딥 다이브(Front-End 8회차) (3)
    • 정보처리기사 (1)
    • DataBase (0)

Tag

css란, CSS, 프로그래머스 코테, 멋쟁이사자 부트캠프, 딥다이브, 회고조, 프로그래머스 분수의 덧셈, 멋쟁이사자처럼후기, 개인회고, 접근성, 개발자 문제해결, 알고리즘, JavaScript, 자바스크립트, HTML, 1일 1알고리즘 챌린지, 배열 최빈값, node.js, 1일 1알고리즘, JS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바