JQuery와 모바일 splitview : 스크린 문제는 내가 JQuery와 모바일을 사용하고 splitview 플러그인 alongwith하고

Question

안녕을 지원 내가 주위에 얻을 couldnt는 무엇
http://asyraf9.github.com/jquery-mobile/
이었다 이유 splitview 플러그인은 다음 조건을 만족하는 스크린에서만 작동합니다.

var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 1.2)') || $.mobile.media('max--moz-device-pixel-ratio: 1.2)')); 
$.support.splitview = ($query || ($.mobile.browser.ie && $(this).width() >= 480)) && $.mobile.ajaxEnabled; 

splitview 플러그인은 모든 화면을 위해 작동하지만, 위의 조건을 만족하지 말아 작은 화면에 대한 몇 가지 스크롤 버그가 있습니다. 제대로 스크롤하지 않습니다. 이러한 조건이 충족되지 않으면 splitview 플러그인을 완전히 사용하지 않고 이러한 문제를 해결할 수 없습니다.
이러한 조건이 유지되는 몇 가지 이유가 있습니까? 도와주세요.

이

Answer 1

문제는 jquery.mobile.splitview.css에서 CSS의이 줄을 것 같다 (라인 : 75)

-webkit-overflow-scrolling:touch;

당신이 스크롤 버그 (들)을 주석 처리하면 사라하지만, ul 요소에는 아무런 추진력이 없습니다.

기본 운동량 스크롤을 사용하는 것은 iOS5 관련 규칙 인 것 같습니다. 참조 http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/

CSS 수정

그래서 모멘텀 페이지 스크롤

#search 페이지-ID이며 #search 목록은 UL 요소

#search .ui-content { 
-webkit-transform: translate3d(0, 0, 0); 
} 

#search-list { 
position: static; 
overflow: scroll; 
} 

. 그러나 이제는 좌우로 스 와이프하여 위아래로 스 와이프하는 것처럼 보입니다. 기묘한.

JS 수정 (권장) 라인 (527)에

jquery.mobile.splitview.js가

//if ($.support.touch && !$.support.touchOverflow) { 
if($.support.touch){ 

이 아래 변화 실행 iScroll.js 사용에 대한 대체 코드를 강제 할 경우.

JS 수정이 현재 더 잘 작동한다고 생각합니다.

NB : 이것은 알려진 문제이며 거기에 여기를 해결하는 방법에 대한 몇 가지 제안 사항 - 내가 아이 패드의 스크롤 기능을 사용하여 문제가 있어요 CSS3 property webkit-overflow-scrolling:touch ERROR