Worklight : Blackberry 장치에서 overscroll을 중지하는 방법

Question

IBM Worklight, HTML5, css3, js 및 jquery mobile을 사용하여 하이브리드 응용 프로그램을 개발 중입니다. 페이지 위쪽과 아래쪽 모두에 오버플로 효과 또는 바운스 효과가있는 응용 프로그램에 주목합니다.

이는 BB9900, Z10 및 Q10 장치에서만 발생합니다.
Android 및 iPhone에서 응용 프로그램이 정상적으로 작동합니다.
은 다음과 config.xml 파일 업데이트 :

<preference name="UIWebViewBounce" value="false" /> 

를 실행 한 다음, 그들 중

<preference name="DisallowOverflowscroll" value="true" /> 

없음 작동하지

나는은 다음 시도했다.
블랙 베리 장치에서 바운스 효과를 제거 할 방법이 있습니까?

Answer 1

제가 이해하기로는 data-bb-scroll-effect="off"을 사용하면됩니다. https://github.com/blackberry/bbUI.js/wiki/Screens

그리고이 BB dev에 포럼 주제 :

• 페이지의 섹션 "화면 스크롤 효과
  몇 가지 더 http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/Prevent-scrolling-on-BB10-Webworks-BBui-js/m-p/1911219#M29182

---

는 시도 :

1. 당신이있는 경우 메타 태그에 설정된 높이를 남겨 두는 것이 가장 좋습니다.

2. 그것은에 문제가 될 수있는 높이가 넘칠 것 예를 들면, 1 픽셀의 경계를 이용하여도 100 %로 설정되고, CSS한다.

참고 : config.xml에 대한 코르도바, 설정이 실제로 그러나

<preference name="webviewbounce" value="false"/> 

,이 WebWorks 2.0합니다 (Z10/Q10을 위해 그것을 해결)의 작품이다.
Worklight는 WebWorks의 해당 버전을 공식적으로 지원하지 않습니다.

Answer 2

당신은

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

에 index.html을에서 뷰포트를 설정하고 당신의 CSS의 본문 요소해야 할 수도 있습니다

: 최대로 높이와 너비를 설정 함께

body { 
-webkit-touch-callout: none;    /* prevent callout to copy image, etc when tap to hold */ 
-webkit-text-size-adjust: none;    /* prevent webkit from resizing text to fit */ 
-webkit-user-select: none;     /* prevent copy paste, to allow, change 'none' to 'text' */ 
width: 100%; 
height:100%; 
margin:0px; 
padding:0px; 
} 

이 조각 허용되는 크기는 모바일 환경에 적합한 지 확인합니다 (텍스트 선택 없음, 보유 할 탭 없음).