Параллакс Грид

Создать эффект, который прокручивает столбцы грида с разной скоростью.

Этот компонент позволяет добавить эффект прокрутки параллакс со столбцами в гриде от Грид компонент.


Использование

Для установки этого компонента, добавьте 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 */ });