인프런 커뮤니티 질문&답변

김매력님의 프로필 이미지
김매력

작성한 질문수

애플 웹사이트 인터랙션 클론!

선생님 궁금해요 !!!!

해결된 질문

작성

·

197

1

https://codesandbox.io/s/fervent-phoebe-pdkdfq?file=/src/App.vue

 

선생님!!!

스크롤을 내리거나 올릴때 체크가 잘되다가 마지막 scene만 가면 오류가나요 .. 

마지막 scene이 끝날때 0,1,2 에서 끝나야하는데 3이 찍히는것도 좀 이상한거같구요. 마지막 scene지점에서

에러가나서 끝지점에서 다시 올라가는게 안돼요 ㅠ

for문 부터 잘못된걸까요 ㅠ아님 height값 체크가 잘못되고있는걸까요 ㅠ

답변 1

2

1분코딩님의 프로필 이미지
1분코딩
지식공유자

각 .scroll-section은 padding-top을 갖고 있는데, 그 패딩 값이 각 섹션의 높이에 더해져서 계산하는 크기보다 더 크게 인식되는 문제로 보이네요~
원래 예제를 보면 기본적으로 box-sizing: border-box가 적용되어 padding이 height에 포함되어 있는데, 뷰버전으로 바꾸시면서 그 부분이 빠진 것 같아요.
CSS에서 .scroll-section 부분에 box-sizing: border-box; 를 추가해 보세요.

김매력님의 프로필 이미지
김매력
질문자

선생님...

10년묵은 체증이 싹 내려갔어요 ...

그게 문제인지 전----------혀 인식못했는데 소름이 돋네요

감사합니다 ㅜㅜ😭😭😭😭😭😭😭

김매력님의 프로필 이미지
김매력

작성한 질문수

질문하기