Параллакс Грид
Создать эффект, который прокручивает столбцы грида с разной скоростью.
Этот компонент позволяет добавить эффект прокрутки параллакс со столбцами в гриде от Грид компонент.
Использование
Для установки этого компонента, добавьте 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 */ });