높이가 10,000px 인 div가 있다고 가정 해 보겠습니다. div의 높이가 사용자의 뷰포트보다 크므로 브라우저에 스크롤바가 표시됩니다. 스크롤바를 숨길 수 있지만 여전히 div를 스크롤 할 수 있는지 궁금합니다.
부모 div에서 overflow-y: hidden;
및 사용을 시도했지만 height: 100vh;
스크롤을 허용하지 않습니다.
보시다시피 아래 스 니펫에서 스크롤바가 숨겨져 있지만 세 번째 이미지를보기 위해 스크롤 할 수 없습니다.
.parent {
background-color: red;
overflow-y: hidden;
height: 100vh;
}
<div class='parent'>
<img src='https://images.pexels.com/photos/617278/pexels-photo-617278.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'>
<img src='https://images.pexels.com/photos/617278/pexels-photo-617278.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'>
<img src='https://images.pexels.com/photos/617278/pexels-photo-617278.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'>
</div>
당신은 이것을 시도 할 수 있습니다
.parent::-webkit-scrollbar {
width: 0px;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다