Delegate: $ionicScrollDelegate

Директива ionContent предоставляет легкую в использовании область контента, которую можно настраивать, для того чтобы задействовать, имеющийся в Ionic пользовательский просмотр в режиме прокрутки (Scroll View) или встроенную в браузер функцию добавления полосы прокрутки при переполнении блока.

Мы все-таки рекомендуем в большинстве случаев использовать настраиваемые Scroll-функции, имеющиеся в Ionic, но иногда (по соображениям улучшения производительности) будет уместно применить нативный для браузера скроллинг при переполнении блоков. Мы сделали так, что переключаться между функцией прокрутки в Ionic и прокруткой при переполнении стало очень легко.

Вы можете обновлять данные, выполняя pull-to-refresh ("потяни, чтобы обновить") с помощью директивы ionRefresher, а бесконечную прокрутку с помощью директивы ionInfiniteScroll.

Если внутри ion-content есть какой-либо динамический контент, не забудьте после добавления контента сделать вызов функции .resize() с помощью $ionicScrollDelegate.

Имейте в виду, что эта директива получает собственную дочернюю область видимости. Если вы не понимаете, почему это важно, вы можете прочитать информацию, открыв ссылку https://docs.angularjs.org/guide/scope.

Применение

<ion-content
[delegate-handle=""]
[direction=""]
[locking=""]
[padding=""]
[scroll=""]
[overflow-scroll=""]
[scrollbar-x=""]
[scrollbar-y=""]
[start-x=""]
[start-y=""]
[on-scroll=""]
[on-scroll-complete=""]
[has-bouncing=""]
[scroll-event-interval=""]>
...
</ion-content>

API

Атрибут

Тип

Описание

delegate-handle

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

(string)

Дескриптор handle использовался для идентификации данного ScrollView с помощью директивы $ionicScrollDelegate.

direction

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

(string)

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

locking

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

(boolean)

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

padding

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

(boolean)

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

scroll

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

(boolean)

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

overflow-scroll

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

(boolean)

Определяет, нужно ли использовать прокрутку при переполнении блока вместо прокрутки Ionic. См.$ionicConfigProvider, чтобы установить это в качестве значения по умолчанию для всей области.

scrollbar-x

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

(boolean)

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

scrollbar-y

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

(boolean)

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

start-x

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

(string)

Исходное горизонтальное положение полосы прокрутки. По умолчанию 0.

start-y

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

(string)

Исходное вертикальное положение полосы прокрутки. По умолчанию 0.

on-scroll

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

(expression)

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

on-scroll-complete

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

(expression)

Выражение для определения момента, когда прокрутка выполнена. Имеет доступ к областям прокрутки 'scrollLeft' и 'scrollTop'.

has-bouncing

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

(boolean)

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

scroll-event-interval

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

(number)

Задает количество миллисекунд между каждым запуском выражения 'on-scroll'. По умолчанию стоит значение 10.