HTML 5 고정 스크린 iPad

맞는 태그를 찾을 수 없습니다. 특정 장소에서 iPad에서 화면을 스 와이프하면 화면 전체가 움직이며 "고무 밴드"효과로 HTML5 및 웹킷과 관련된 화면을 잠글 수 있습니다.HTML 5 고정 스크린 iPad

<iframe src="" width="1024" height="724" scrolling="no"></iframe>를 사용

는

이 내 헤더입니다, 싼 수정처럼 보인다.

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />

출처

2011-08-31 Alex Borsody

이 시도 :이 방법은 전체 페이지에서 스크롤을 비활성화하는 것이

<script> 
    // document.body works probably too 
    document.ontouchmove = function(e) { 
     e.preventDefault(); 
    }; 
</script>

참고! 때때로 이것은 바람직하지 않을 수 있습니다. 그렇다면, 경우에 사람들이 대답에 대한 의견을 읽고하지 않는 단지에 How to Disable Rubber Band in iOS Web Apps?

출처

2011-08-31 19:47:33

이 작업을 수행하는 새로운 웹킷 또는 html5 메타 태그가있을 것으로 생각했습니다. 이것을 시도 할 것이다. –

무슨 이벤트가 있는지 이해하지 못합니다. 예약어라고 생각하지 않습니다. –

"preventDefault"는 이벤트에서 수행 된 기본 액션을 취소합니다 (표준 JS 트릭). 나는 그 해결책을 약간 단순화했다. 관련된 질문은 http://stackoverflow.com/questions/500761/stop-uiwebview-from-bouncing-vertically를 참조하십시오. –

을 확인, 여기에 대한 답변 @bebraw의 의견을 조사 할 때 내가 찾은 해결책은 다음과 같습니다

How to disable rubber band in iOS web apps?

그것을 너무 작은 것에는 많은 작업이 있지만 스크롤을 얻는 것과 그렇지 않은 것에 세분화 된 접근이 가능합니다.

출처

2013-01-30 16:24:25 trgraglia

HTML 5 고정 스크린 iPad

답변

관련 문제