Worklight: как остановить прокрутку на устройствах Blackberry

Я разрабатываю гибридное приложение с использованием IBM Worklight, HTML5, css3, js и jquery mobile. Я заметил, что приложение имеет эффект прокрутки вверху и внизу страницы.

Это происходит только в устройствах BB9900, Z10 и Q10.
Приложение отлично работает на Android и iPhone.

Я пробовал следующее:
Обновил файл config.xml следующим образом:

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

А также:

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

Ни один из них не работает.
Есть ли способ убрать эффект отскока на устройствах Blackberry?


blackberry ibm-mobilefirst blackberry-10
person AAV    schedule 25.03.2014    source источник
comment
Вы нашли способ обойти проблему?   -  person Magnus Lind Oxlund    schedule 02.01.2017

Ответы (2)


arrow_upward
0
arrow_downward

Насколько я понимаю, этого можно добиться, используя data-bb-scroll-effect="off".

Еще несколько вещей, чтобы попробовать:

  1. Если у вас есть высота, установленная в метатеге, лучше ее не указывать.

  2. It could be an issue with in CSS where there is height set to 100% and also using a 1px border, for example, which would cause it to overflow.

Примечание: предпочтение в Cordova для config.xml на самом деле:

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

Однако это работает в WebWorks 2.0 (решено для Z10/Q10).
Worklight официально не поддерживает эту версию WebWorks.

person Idan Adar    schedule 25.03.2014
comment
Спасибо Идан за ответ. Но это решение не работает. - person AAV; 26.03.2014
comment
Я предлагаю также задать вопрос на форумах BB, так как он больше относится к BB, чем к Worklight. - person Idan Adar; 26.03.2014

arrow_upward
0
arrow_downward

Возможно, вам придется установить область просмотра в index.html на

<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" />

и ваш элемент тела 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;
}

Этот фрагмент, наряду с установкой высоты и ширины на максимально допустимый размер, гарантирует, что опыт подходит для мобильных устройств (без выделения текста, без касания для удержания).

person Luca S.    schedule 26.03.2014