webkit-overflow-scrolling: touch;아이폰 OS 텍스트 및 이미지 : 터치
이 스크롤의 측면에서 완벽하게 작동하지만, 눈에 띄게 적용 overflow: scroll와 <DIV>의 텍스트와 이미지를 흐리게합니다. 나는 iOS5를 가진 3 개의 다른 iPads에 이것을 시도했다.
Apple에서 가져온 easing/bounce 알고리즘은 JS와 동일하므로,이 새로운 기능을 사용하고 싶습니다. 내가 사용해야하는 글씨로 더 눈에.니다. [: 터치 스탁, NO 웹킷 - 오버 플로우 스크롤]
http://sseeger.drivehq.com/test2.htm [흐릿한, 웹킷 - 오버 플로우 스크롤
http://sseeger.drivehq.com/test.htm : 여기
는 아이 패드 iOS5를/w에서 시도 할 수있는 데모입니다 : touch]]보고있는 문제는 ipad의 기본 확대/축소 때문입니다. Paul의 반응은 바른 길 이었지만 불필요하게 사용자 확대를 불가능하게했습니다. 화면의 초기 크기와 너비를 올바르게 설정하면됩니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
내 테스트 케이스를 들어, 아이 패드에 두 페이지를 열어보십시오 : http://www.jasonbuckboyer.com/playground/ios/overflow_scrolling/blurred.html (흐리게)를 http://www.jasonbuckboyer.com/playground/ios/overflow_scrolling/not_blurred.html (흐리게하지 않음)를
iOS 시뮬레이터에서는 흐리게 보이지 않습니다. webkit-overflow-scrolling이 사용되면서 왜 흐려질 지 알 수 있습니다. 운동량이 관련 될 때 콘텐츠를 다르게 렌더링해야하므로 (적어도 생각하는 것만 큼).
해결 방법은 Apple이 문제를 해결할 때까지 기다려야합니다 (광범위한 사용자에게 영향을 미치는 경우에도).
페이지의 헤더 섹션에 다음 메타 태그를 추가해보세요.
<meta name="viewport" content="width = device-width, initial-scale = 1.0, user-scalable = "no"/>
-webkit-perspective: 0;
나를 위해 일했다.
감사하지만 해결하지 못했습니다. –