오버플로를 숨길 수 없습니다 : http://codepen.io/aiwatko/pen/zKjaLx
.loader-overlay {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
margin: 0;
padding: 0;
overflow: hidden;
}
이전 스레드를 탐색했습니다. overflow : hidden, 다른 컨테이너 (내 콘텐츠 div)를 position : relative로 설정 한 요소에 높이를 지정했지만 초기 애니메이션 중에 스크롤하면 여전히 내 아래에있는 콘텐츠. 힌트를 주시면 감사하겠습니다.
.loader-overlay키를 100 % 로 설정 하면 부모의 100 %를 차지하게됩니다 . 귀하의 경우 부모 body가 설정된 높이가없는 경우 예상대로 작동하지 않습니다.
내가 제안하는 것은 CSS3 뷰포트 높이 (vh)를 사용해 보는 것입니다. 다음과 같이 div를 뷰포트의 높이로 설정하여 장치간에 동적으로 변경할 수 있습니다.
height: 100vh;
즉, content오버플로가 숨겨진 div에 있지 않으므로으로 수행하는 작업에 관계없이 페이지 높이에 추가됩니다 .loader-overlay.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다