Parallax Grid

42theme tarafından 02 Aralık 2015 tarihinde yazıldı. Kategori: Features

Create an effect which scrolls the single columns of a grid with different speeds.

This component allows you to add a scrolling parallax effect to columns within a Grid from the Grid component.

Usage

To apply this component, add the data-uk-grid-parallax attribute to the container element. Set the width of the grid items by using the uk-width-* or .uk-grid-width-* classes from the Grid component.

Example

Javascript Arguments

To adjust the scroll speed, just change the arguments of the data-uk-grid-parallax attribute, for example like this: data-uk-grid-parallax="{translate:200}"

JavaScript options

This is an example of how to set options via attribute:

data-uk-grid-parallax="{translate:200}"

Init element manually

var gp = UIkit.gridparallax(element, { /* options */ });