Program Tip

iOS에서 수정 된 백그라운드 첨부 파일을 복제하는 방법

programtip 2020. 10. 24. 11:42
반응형

iOS에서 수정 된 백그라운드 첨부 파일을 복제하는 방법


이 질문에 이미 답변이 있습니다.

학교 프로젝트를 위해 iOS에서 작업하는 고정 배경 이미지 div를 얻으려고합니다. 나는 사용하고있다

background-attachment: fixed;

그러나 이로 인해 모바일 사파리에서 크기가 이상하고 스크롤 효과가 없습니다. 여기 제가 함께 일하고 있는 사이트 가 있습니다. 인용 div 이미지 배경에 현재 사용중인 방법은 데스크톱에서는 잘 작동하지만 iOS에서는 완전히 실패합니다.

어떻게 든 http://www.everyonedeservesgreatdesign.com 이이 작업을 수행했습니다. 그들이 어떤 종류의 사각형 공간 템플릿을 사용하고 있기 때문에 코드를 따르는 데 어려움이 있지만 부모 div에 position:fixed의해 어떻게 든 잘린 div 에 이미지를 넣는 것처럼 보입니다 position:relative. position:fixed뷰포트 이외의 다른 것으로 div 를 클립 할 수 없다는 인상을 받았기 때문에 여기서 무슨 일이 벌어지고 있는지 매우 궁금합니다.

내 사이트에서 고정 이미지 div 배경에 대해이 방법을 구현하는 방법에 대한 아이디어가 있습니까?


과거에 요청을 받았는데 모바일 브라우저에 많은 비용이 들기 때문에 비활성화되었습니다.

@PaulIrish의 의견을 확인하십시오 .

고정 배경은 막대한 재 페인트 비용과 스크롤 성능을 저하 시키는데 이것이 비활성화 된 이유라고 생각합니다.

이 게시물에서 이에 대한 해결 방법을 볼 수 있습니다.

iOS7로 고정 된 배경 이미지

iOS7의 페이지에서 본문 배경 스크롤 수정


배경 이미지가 실제로 배경 이미지가 아닌 것처럼 보입니다. 사이트에는 위치가 할당 된 이미지를 포함하는 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

반응형