overflow:hidden 사용 시 mobile 스크롤 사용 불가

Question

onWheel Scroll 사용을 위해서 overflow-y: hidden을 설정했더니모바일에서 scroll 사용이 불가능합니다근데 웹에선 꼭 필요해요 그래야 div 단위로 화면이 넘어가요혹시 해결 방법이 있을까요모바일에서도 full page 화면 전환이 될 수 있어야합니다

doru · Answer

마크업도 css도 이미지도 없는 상황에서 일단 확실한 답변은 불가구요..기본적으로 overflow: hidden은 스크롤을 없애는 속성입니다.auto를 써야 overflow가 걸린 부모요소의 '자식요소의 width나 height값'이 부모요소의 지정된 부피를 초과할 경우 스크롤이 생기는거구요. hidden이면 당연히 초과된 부피를 숨겨버려서 스크롤이 발생하지 않죠....만약 좌우스크롤을 위해 y축만 숨기고싶다는 얘기시면 조금 달라지긴하는데..

OrangeBlack · Answer

미디어쿼리로 화면 사이즈가 몇 미만일때는 overflow-y scroll 사용하게 화면 사이즈가 몇 이상일때는 overlfow-y hidden 처리

mogibatis · Answer

사진을 올렸었는데 지워졌군요 ㅠㅠ 답변 감사드립니다

overflow:hidden 사용 시 mobile 스크롤 사용 불가

3개의 답변

Q&A 목록