Параллакс Грид
Создать эффект, который прокручивает столбцы грида с разной скоростью.
Этот компонент позволяет добавить эффект прокрутки параллакс со столбцами в гриде от Грид компонент.
Использование
Для установки этого компонента, добавьте data-uk-grid-parallax атрибут к элементу контейнера. Задайте ширину грид элементов с помощью uk-width-* или .uk-grid-width-* класса от Грид компонент.
Пример
1
2
3
4
5
6
7
8
9
Аргументов JavaScript
Для того чтобы отрегулировать скорость прокрутки, просто измените аргументы data-uk-grid-parallax атрибута, например такой: data-uk-grid-parallax="{translate:200}"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
JavaScript варианты
Это пример, как настроить параметры через атрибуты:
data-uk-grid-parallax="{translate:200}"
| Вариант | Возможное значение | По умолчанию | Описание |
|---|---|---|---|
translate |
integer | 150 | Перевести значение |
Элемент инициализации вручную
var gp = UIkit.gridparallax(element, { /* options */ });
