풀페이지 아래에서 위로 스크롤하면
관련링크
본문
풀페이지로 홈페이지 만들어보려하는데
위에서 아래로 스크롤하면 정상적으로 높이가 보여지는데
아래에서 위로 올라가면 섹션이 잘립니다ㅜㅜ
무엇 때문일까요..?
두번째섹션 > 세번째섹션 갈때는 정상적
세번째섹션 > 두번째섹션 올라올때는 두번째섹션이 잘립니다..
답변 4
404 파일없음 부터 해결하세요.
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
이렇게 있는데 왜 없다고 뜰까요..?
그렇게 로드되어있지 않아요.
404 에러가 있는 리소스 들은 모두 /home/ 을 참조하고 있습니다.
코드를 잘못짜신거에요..
다른데에서 갖고왔는데 거기서부터 잘못되었나보네요..감사합니다..ㅠㅠ
섹션이 잘리는게 아니라 헤더(메뉴)영역만큼 각 섹션에 상단 패딩 또는 마진을 넣어줘야 하는거 아닐까요?
링크페이지 확인했을땐 각 섹션 탑에 잘 붙는것같은데요?
먼저 부모와 자식을 이해를 충분히 하셔야합니다.
특히 섹션같은경우에는 크게 두가지로 정의를 보통 합니다.
즉 섹션의 높이는 100vh 로 준다라는것은 브라우저의 높이를 말하는것이지요.
그렇면 부모보다 자식의 정의가 100퍼센트라고해도 자식의 콘텐츠가 더많이 차지 하고있다면 이를 벗어나게 됩니다. 하여 스트립트 스크롤인투뷰함수에서 이를 반영이 않되는 경우가 있습니다. 아니 반영이 안하는게 아니고 원하는 방향되로 않될수도 있다라는점입니다.
하여 자식또한 화면의 범위보다 높게 잡으셔잇느지 체크해볼필요가있다라는것이지요.
물론
자식이 넘치는 것을 오버플러워 속성을 줘서 제어할수도있다라는점 참고하셔야 합니다.
따라서 선생님의 소스를 보지않는 이상은 정확한 진단을 내리기는 어렵지만 요소를 하나씩하나씩 찬찬 느림의 미학으로 꼼꼼히 체크해보시기 바랍니다. 응원하겠습니다. 화이팅~
참고로 위 웨드님 말씀대로 404에러도 필 물제점을 잡고 가야한다라는것 또한 잊지마시구요
