section에 overflow 속성

Question

html, css, js를 이용해서 웹페이지를 만들고 있는데프론트엔드에 질문이 있습니다 이런 식의 페이지 이구요, 전체 스크롤 말고 hero section 안에서만 작동하는 스크롤이 필요했습니다.그래서 section에 overflow: auto 속성을 주었는데, 스크롤 자체가 생기지가 않더라구요...hero 내부에 있는 어떤 오브젝트가 길어져서 footer 밑으로 들어가게 되면 hero 스크롤을 움직여 footer 밑으로 들어간 오브젝트를 볼 수 있게 하려고 했는데 ㅠㅠsection에는 스크롤 속성을 못 주나요....?인터넷 사용기록 삭제를 해도 계속 이렇더군요...대략적인 코드 상황은 다음과 같습니다. html 페이지 이름

css #hero { width: 100%; height: 100vh; position: relative; } 짐작가는 이유가 있으시면 무엇이든 조언 부탁드립니다..ㅜㅜ

박은빈 FAN · Accepted Answer

section 크기가 얼마나 되는 지 확인해보세용~ 올려준 코드에서 section에 크기 지정해주니까 스크롤바 잘 나옵니다.

박은빈 FAN · Answer

overflow를 줬을 때 스크롤바가 생기는 게 아니고 요소를 담아내다가 section의 범위를 넘어가면 그 때부터 밑으로 내려가면서 스크롤바가 생깁니다. section 안에 요소가 있는데도 안나오는 건지 아닌지는 모르겠지만 section이 비어있으면 아무 값이나 넣어서 스크롤바가 생기는지 확인해보세요

luvchaeng · Answer

요소가 있고, section 밖으로 요소가 넘어가도 스크롤바가 안 생깁니다ㅠㅠ

section에 overflow 속성

3개의 답변

#overflow 목록