>웹 프론트엔드 >CSS 튜토리얼 >iOS 패닝 중에 고정 위치 요소가 오작동하는 이유는 무엇입니까?

iOS 패닝 중에 고정 위치 요소가 오작동하는 이유는 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-16 07:10:12140검색

Why Do Fixed-Positioned Elements Misbehave During iOS Panning?

iOS 기기의 고정 위치 문제

질문:

iScroll 및 Sencha 라이브러리, iOS의 모바일 Safari에서 패닝 중에 고정 위치 요소가 업데이트되지 않는 이유

답변:

고정된 요소가 작은 화면에서 탐색을 방해할 수 있기 때문에 모바일 브라우저는 종종 "위치:고정"을 지원하지 않는 것을 선택합니다.

기술적 설명:

Quirksmode.org는 문제에 대한 통찰력 있는 분석: http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

또한 호환성 차트는 http://www.quirksmode에서 확인할 수 있습니다. org/m/css.html

iOS 및 Android 업데이트:

iOS 5 및 Android 4는 이제 "위치:고정"을 지원하는 것으로 알려졌습니다.

개인 테스트:

작성자가 기능을 확인했습니다. iOS 5에서는 "position:fixed"이지만 고정된 부분에서는 확대/축소 및 패닝 제한으로 인해 문제가 발생할 수 있습니다. elements.

업데이트된 호환성 표:

http://caniuse.com/#search=fixed는 Android, Opera 및 iOS에 대한 실시간 호환성 데이터를 제공합니다.

위 내용은 iOS 패닝 중에 고정 위치 요소가 오작동하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.