Delegate: $ionicScrollDelegate

Создает контейнер с возможностью прокрутки для всего содержимого, которое будет находиться внутри него.

Применение

Основное применение:

<ion-scroll zooming="true" direction="xy" style="width: 500px; height: 500px">
  <div style="width: 5000px; height: 5000px; background: url('https://upload.wikimedia.org/wikipedia/commons/a/ad/Europe_geological_map-en.jpg') repeat"></div>
 </ion-scroll>

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

Если же вам нужно, чтобы зона прокрутки была только для контента, расположенного по центру, используйте вместо этого  ionContent .

API

Атрибут

Тип

Описание

delegate-handle

(необязательный)

строка string

Метка, использующаяся для идентификации этого элемента ScrollView с помощью$ionicScrollDelegate.

direction

(необязательный)

строка string

Каким образом делать прокрутку. 'x' или 'y' или 'xy'. По умолчанию задан параметр 'y'.

locking

(необязательный)

boolean

Определяет, блокировать ли скроллинг в одном из направлений за один прием. Лучше поставить "false" при увеличении масштаба просмотра или прокрутке в двух направлениях. По умолчанию "true".

paging

(необязательный)

boolean

Определяет, делать прокрутку постраничной или нет.

on-refresh

(необязательный)

выражение expression

Вызывается при осуществлении функции обновления данных pull-to-refresh, запускается посредством ionRefresher.

on-scroll

(необязательный)

выражение expression

Вызывается, когда бы пользователь ни начал выполнять прокрутку.

scrollbar-x

(необязательный)

boolean

Определяет, отображать ли горизонтальную полосу прокрутки. По умолчанию "true".

scrollbar-y

(необязательный)

boolean

Определяет, отображать ли вертикальную полосу прокрутки. По умолчанию "true".

zooming

(необязательный)

boolean

Определяет, поддерживать или нет функцию "pinch-to-zoom" (масштабирование двумя пальцами)

min-zoom

(необязательный)

целое число (integer)

Самая маленькая допустимая величина масштабирования (по умолчанию 0.5)

max-zoom

(необязательный)

целое число (integer)

Самая большая допустимая величина масштабирования (по умолчанию 3).

has-bouncing

(необязательный)

boolean

Определяет, разрешать ли прокрутку для того чтобы отскочить от краев контента. По умолчанию "true" в iOS, "false" в Android.