-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
선생님 궁금해요 !!!!
22.04.22 14:14 작성 조회수 118
1
https://codesandbox.io/s/fervent-phoebe-pdkdfq?file=/src/App.vue
선생님!!!
스크롤을 내리거나 올릴때 체크가 잘되다가 마지막 scene만 가면 오류가나요 ..
마지막 scene이 끝날때 0,1,2 에서 끝나야하는데 3이 찍히는것도 좀 이상한거같구요. 마지막 scene지점에서
에러가나서 끝지점에서 다시 올라가는게 안돼요 ㅠ
for문 부터 잘못된걸까요 ㅠ아님 height값 체크가 잘못되고있는걸까요 ㅠ
답변을 작성해보세요.
2
1분코딩
지식공유자2022.04.26
각 .scroll-section은 padding-top을 갖고 있는데, 그 패딩 값이 각 섹션의 높이에 더해져서 계산하는 크기보다 더 크게 인식되는 문제로 보이네요~
원래 예제를 보면 기본적으로 box-sizing: border-box가 적용되어 padding이 height에 포함되어 있는데, 뷰버전으로 바꾸시면서 그 부분이 빠진 것 같아요.
CSS에서 .scroll-section 부분에 box-sizing: border-box; 를 추가해 보세요.
답변 1