Skip to content

smashed-potatoes/parallaxed.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

parallaxed.js

A basic parallax plugin for jQuery

Currently only supports vertical parallax

Installation

  • Copy parallaxed.js to your scripts directory
  • Add it after you include jQuery

Usage

Basic Usage

<div class="parallax_item">
    I will be parallaxed!
</div>
$('.parallax_item').parallaxed();

Data items

The following items can be added to modify how an element is parallaxed. #####Note: Prefix with data-parallaxed-* i.e.:

<div class="parallax_item"
    data-parallaxed-speed='1.5'
    data-parallaxed-start='offset'
    data-parallaxed-startoffset='100'>
...
Data Item Description Default Accepted Values
start When parallax scrolling should start visible visible, offset, always
speed The speed at which the item is parallaxed 1 Number
startoffset The offset (in px) parallax scrolling should start at - used when start value is offset 0 Integer
usetransform Whether css transform or should be used to move the element (otherwise top/left are used) true true, false
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy