iOS에서 수정 된 백그라운드 첨부 파일을 복제하는 방법
학교 프로젝트를 위해 iOS에서 작업하는 고정 배경 이미지 div를 얻으려고합니다. 나는 사용하고있다
background-attachment: fixed;
그러나 이로 인해 모바일 사파리에서 크기가 이상하고 스크롤 효과가 없습니다. 여기 제가 함께 일하고 있는 사이트 가 있습니다. 인용 div 이미지 배경에 현재 사용중인 방법은 데스크톱에서는 잘 작동하지만 iOS에서는 완전히 실패합니다.
어떻게 든 http://www.everyonedeservesgreatdesign.com 이이 작업을 수행했습니다. 그들이 어떤 종류의 사각형 공간 템플릿을 사용하고 있기 때문에 코드를 따르는 데 어려움이 있지만 부모 div에 position:fixed
의해 어떻게 든 잘린 div 에 이미지를 넣는 것처럼 보입니다 position:relative
. position:fixed
뷰포트 이외의 다른 것으로 div 를 클립 할 수 없다는 인상을 받았기 때문에 여기서 무슨 일이 벌어지고 있는지 매우 궁금합니다.
내 사이트에서 고정 이미지 div 배경에 대해이 방법을 구현하는 방법에 대한 아이디어가 있습니까?
과거에 요청을 받았는데 모바일 브라우저에 많은 비용이 들기 때문에 비활성화되었습니다.
@PaulIrish의 의견을 확인하십시오 .
고정 배경은 막대한 재 페인트 비용과 스크롤 성능을 저하 시키는데 이것이 비활성화 된 이유라고 생각합니다.
이 게시물에서 이에 대한 해결 방법을 볼 수 있습니다.
배경 이미지가 실제로 배경 이미지가 아닌 것처럼 보입니다. 사이트에는 위치가 할당 된 이미지를 포함하는 div의 자식과 함께 형제 div에 배경 이미지와 따옴표가 있습니다. 고정; 따옴표 div에도 투명한 배경이 제공됩니다.
wrapper div{
image wrapper div{
div for individual image{ <--- Fixed position
image <--- relative position
}
}
quote wrapper div{
div for individual quote{
quote
}
}
}
참고 URL : https://stackoverflow.com/questions/23236158/how-to-replicate-background-attachment-fixed-on-ios
'Program Tip' 카테고리의 다른 글
'ProviderPackage'패키지가 올바르게로드되지 않았습니다. (0) | 2020.10.25 |
---|---|
부모 구성 요소의 angular2 호출 함수 (0) | 2020.10.25 |
INSERT INTO를 사용하여 여러 값 삽입 (SQL Server 2005) (0) | 2020.10.24 |
C ++ 멤버 함수에서 "if (! this)"는 얼마나 나쁩니 까? (0) | 2020.10.24 |
int는 항상 0으로 초기화됩니까? (0) | 2020.10.24 |