휴대 기기에서 스크롤 할 때 배경 이미지가 계속 조정됩니다.

Question

내 첫 번째 게시물은 여기입니다.

나 자신의 웹 사이트에있는 뭔가가 정말로 오랜 시간 동안 나를 괴롭 히고 있습니다. 문제는 내가 Android 폰에서 내 웹 사이트를 방문하고 페이지를 스크롤 할 때 배경 이미지가 '조정'을 유지하므로 웹 사이트를 스크롤 할 때 끊임없이 발생하는 말더듬한 이벤트가 있다는 것입니다. 당신은 여기를 방문 할 수 있습니다 : http://www.bramvalstar.nl

배경 클래스 : 사전에

.achtergrond { 
position: relative; 
width: auto; 
height: 95%; 
background: url(media/images/xxx.png) no-repeat center center scroll; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
background-size: cover; 
-o-background-size: cover; 

감사합니다.

Answer 1

그래, 이것은 상대적인 페이지 높이를 사용했을 때의 영향입니다. 페이지가로드 될 때 주소 표시 줄이 맨 위에 약간의 공간을 차지하므로 사용 가능한 뷰포트 높이가 100 %보다 약간 작습니다. 아래로 스크롤하면 주소 표시 줄이 사라지고 뷰포트 높이가 100 %로 다시 이동하므로 페이지가 사용 가능한 새 높이로 다시 조정됩니다. 불행히도 CSS에서이 문제를 해결할 방법이 없습니다. 상대 높이가 아닌 고정 높이를 사용하거나로드 할 때 javascript를 사용하여 높이를 설정할 수 있습니다.

Answer 2

이 당신이 .achtergrond {background-attachment:fixed;}