IBM Worklight 6.0 - Как предотвратить масштабирование и прокрутку в приложениях?

0

Мы используем подсветку 6 с jQuery Mobile для разработки приложения.

На странице HTML для пользователей смартфонов или планшетов нормально использовать щепотку и масштабирование двумя пальцами и прокручивать страницу даже на странице без прокрутки (эффект окружающей среды).

Я хотел бы знать, как отключить эти эффекты при использовании Worklight, jQuery Mobile, PhoneGap или Cordova.

Следующая ссылка (изображение примера iOS) показывает нашу проблему со свитком. И когда мы используем масштаб, отображается тот же черный фон: https://dl.dropboxusercontent.com/u/15801306/IMG_0222.JPG

  • 0
    привет, я добавил этот тег и попробовал .. <meta name = "viewport" content = "user-scalable = no, width = device-width, initial-scale = 1.0" />
  • 0
    Привет! Я использую тэг <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, Maximum-scale = 1.0, target-densityDpi = device-dpi" />, я увидел, что ваш у тега есть user-scalable = no, а у моего тега - Maximum-scale = 1.0, target-densityDpi = device-dpi. Знаете ли вы разницу?
Показать ещё 1 комментарий
Теги:
cordova
jquery-mobile
ibm-mobilefirst

2 ответа

0
Лучший ответ
  1. Чтобы отключить эффект щепотки и масштабирования, вы можете попробовать метатег, как описано в: Как отключить масштабирование видового экрана в Mobile Safari?

    <meta name="viewport" content="width=device-width, initial-scale=1.0,
    maximum-scale=1.0, user-scalable=no" />
    
  2. Существует несколько способов отключения прокрутки. Для примера, как описано в: http://workfunc.com/how-to-disable-scrolling-on-mobile/

    • Через jQuery:
    $(document).bind('touchmove', function(e) {
        e.preventDefault();
    });
    
    • Или без jQuery (чистый JS):
    document.addEventListener('touchmove', function(e) {
      e.preventDefault();
    }, false);
    
  3. Если вы хотите отключить прокрутку только в окне просмотра, см. Следующие вопросы:

  • 0
    Привет, мы используем тег <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, Maximum-scale = 1.0, target-densityDpi = device-dpi" /> и теперь мы добавили content свойство user-scalable = no, тогда теперь масштабирование заблокировано, но пользователь может использовать эффект прокрутки, есть какое-то свойство, которое я могу заблокировать этот эффект?
  • 0
    Смотрите мой обновленный ответ.
Показать ещё 2 комментария
1

для предотвращения использования приложения из прокрутки страницы ("отскок" UIWebView) в режиме прожектора (MFP 7.0), найдите

apps\your_app_name\iphone\native\config.xml

и сделать

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню