<ion-scroll zoomoming = "true"> - Тег, похоже, не позволяет масштабировать модальные диалоги

Question

Так что у меня возникла очень странная проблема. Установив все, чтобы прокручивать его, а также использовать только процентные значения, мой модальный диалог не позволит мне увеличивать масштаб с помощью пальца. Является ли это ошибкой, или я просто слишком глуп, чтобы заставить это работать?

Я также посмотрел метатеги в моем index.html, и они кажутся прекрасными, и мой CSS тоже не виноват.

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, user-scalable=no" /> 

Код для модального диалога выглядит примерно так:

<div class="modal image-modal transparent" on-swipe-down="closeModal()"> 
<ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" 
      zooming="true" min-zoom="{{zoomMin}}" style="width: 100%; height: 100%" 
      delegate-handle="scrollHandle" on-scroll="updateSlideStatus()" on-release="updateSlideStatus()"> 

    <div class="image" style="background-image: url({{pictureURL}})"></div> 
</ion-scroll> 

Согласно документации, масштабирование = «истинный» должен позволить масштабирование для этого конкретного элемента. В моем случае я хочу, чтобы пользователь мог увеличить изображение на div, которое содержит изображение, но это, похоже, не позволяет мне это делать.

весь мой код, в случае, если это на самом деле все сделано правильно, а что-то еще было сделано не так, как мета-теги здесь ->Website ZipFile

файл вызывает эту проблему является «displayDetailImage.html» в templates-folder, и я полагаю, что это может быть ошибка в Ionic с использованием модальных просмотров шаблонов?

Answer 1

Попробуйте включить jsscrolling, если он у вас включен.

$ ionicConfigProvider.scrolling.jsScrolling (true);

Если теперь выполняется масштабирование, то измените его на значение false, а затем добавьте переполнение-прокрутку = "ложь" в контейнер с ионным прокруткой.

т.е.

<ion-scroll overflow-scroll="false"> 
My content I want to zoom in 
</ion-scroll>