두번째 비디오에서 새로고침

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

camellip

작성한 질문수

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

최종 작업물 살펴보기, 그리고 전하는 이야기

작성

131

안녕하세요 선생님:)

사이트 완성하고 이리저리 눌러보고 새로고침하고 해보는데,

스크롤 끝까지 내렸다가 올렸다가 하다가 두번째 비디오(desc-message) 나오는 부분에서 새로고침할 때

어떨때는 잘 나오다가 어떨때는 맨 마지막에 하단 콘텐츠 추가 부분이 나오는데 버그일까요? 코드를 보내드려야하나욥?ㅠㅠ

제껄로도 테스트해보고, 다운로드 받은 완성파일(7번째 알집)에서 하단 콘텐츠랑 css만 추가해서 테스트해봐도 새로고침에 잘 됐다 안됐다해가지구요 ㅠㅠ

인터랙티브 웹 HTML/CSS javascript svg 웹 디자인 클론코딩

답변 1

1분코딩

지식공유자

이리저리 확인해보니, 하단에 추가 콘텐츠가 붙을 경우 콘텐츠 양에 따라
가끔 전체를 감싸고 있는 .container의 높이 계산에 오차가 생기는 문제가 발생하는 것 같습니다~
따라서 페이지 로드가 끝난 후, body에 before-load 클래스를 제거하는 시점 전후로 setLayout() 함수를 중복 실행시켜서
확실하게 높이를 세팅해주면 문제가 해결되는 것으로 보입니다^^

window.addEventListener('load', () => {
		setLayout();
		document.body.classList.remove('before-load');
		setLayout();

완강 고생하셨고 축하드려요! 👏👏👏

camellip

작성한 질문수

전체 Q&A

질문하기