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 (необязательный) |
|
Дескриптор handle использовался для идентификации данного ScrollView с помощью директивы |
direction (необязательный) |
|
Определяет, каким образом делать прокрутку: 'x', или 'y', или 'xy'. По умолчанию задан параметр 'y'. |
locking (необязательный) |
|
Определяет, нужно ли блокировать скроллинг в одном из направлений за один прием. Будет удобно установить значение "false" при раскрытии или прокрутке в двух направлениях. По умолчанию используется "true". |
padding (необязательный) |
|
Определяет, нужно ли добавлять заполнение к контенту. По умолчанию используется "true" в iOS, "false" в Android. |
scroll (необязательный) |
|
Определяет, нужно ли разрешать прокрутку контента. По умолчанию используется "true". |
overflow-scroll (необязательный) |
|
Определяет, нужно ли использовать прокрутку при переполнении блока вместо прокрутки Ionic. См. |
scrollbar-x (необязательный) |
|
Определяет, нужно ли отображать горизонтальную полосу прокрутки. По умолчанию используется "true". |
scrollbar-y (необязательный) |
|
Определяет, нужно ли отображать вертикальную полосу прокрутки. По умолчанию используется "true". |
start-x (необязательный) |
|
Исходное горизонтальное положение полосы прокрутки. По умолчанию 0. |
start-y (необязательный) |
|
Исходное вертикальное положение полосы прокрутки. По умолчанию 0. |
on-scroll (необязательный) |
|
Выражение для определения момента, когда контент прокручивается. |
on-scroll-complete (необязательный) |
|
Выражение для определения момента, когда прокрутка выполнена. Имеет доступ к областям прокрутки 'scrollLeft' и 'scrollTop'. |
has-bouncing (необязательный) |
|
Определяет, разрешать ли прокрутку, если выйти за края контента. По умолчанию "true" в iOS, "false" в Android. |
scroll-event-interval (необязательный) |
|
Задает количество миллисекунд между каждым запуском выражения 'on-scroll'. По умолчанию стоит значение 10. |