모바일 Safari에서는 'position:fixed'가 항상 작동하지 않는 이유는 무엇입니까?

모바일 Safari 및 위치: 고정 - 가이드

개발자가 직면한 문제

iOS 모바일 Safari 사용자는 고정 위치 요소와 관련된 일반적인 문제를 보고했습니다. CSS의 기본 '위치: 고정'을 사용하여 구현되었음에도 불구하고 이러한 구성 요소는 스크롤하는 동안 업데이트되지 않습니다. iScroll 및 Sencha의 수정 사항을 포함하여 이 문제를 해결하기 위한 여러 수정 사항이 시도되었습니다. 불행하게도 이러한 솔루션은 지속적으로 효과적이지 않았습니다.

모바일 브라우저 고유의 제한

작은 화면에서 잠재적인 충돌을 완화하기 위해 많은 모바일 브라우저는 의도적으로 '위치: 결정된'. Quirksmode 웹사이트는 블로그 게시물(http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html)에서 이 문제에 대한 심층 분석을 제공합니다.

현재 보기 브라우저 호환성은 http://www.quirksmode.org/m/css.html을 참조하세요. 그러나 이 정보는 지속적인 모바일 브라우저 발전으로 인해 빠르게 오래된 정보가 될 수 있다는 점은 주목할 가치가 있습니다.

업데이트 및 해결 방법

iOS 5 및 Android 4는 이제 '위치'를 지원하는 것으로 알려졌습니다. : 고정'. 저자의 최근 테스트에서 iOS 5의 고정 위치 지원이 확인되었지만 확대/축소 및 패닝에서 약간의 장애가 나타났습니다.

포괄적인 최신 호환성 표를 보려면 http://caniuse.com을 방문하세요. /#검색=고정됨. 이 리소스에는 Android, Opera(미니 및 모바일), iOS 브라우저에 대한 자세한 정보가 포함되어 있습니다.

위 내용은 모바일 Safari에서는 'position:fixed'가 항상 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!