https://github.com/stephband/jparallax

jQuery plugin for creating interactive parallax effect
https://github.com/stephband/jparallax

Last synced: 22 days ago
JSON representation

jQuery plugin for creating interactive parallax effect

• Host: GitHub
• URL: https://github.com/stephband/jparallax
• Owner: stephband
• Created: 2009-03-31T17:26:00.000Z (over 15 years ago)
• Default Branch: master
• Last Pushed: 2023-12-20T18:13:40.000Z (about 1 year ago)
• Last Synced: 2024-11-14T11:09:29.286Z (about 1 month ago)
• Language: HTML
• Homepage: http://stephen.band/jparallax/
• Size: 2.1 MB
• Stars: 1,146
• Watchers: 75
• Forks: 333
• Open Issues: 53
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.html

Awesome Lists containing this project

• awesome-javascript - jparallax - jQuery plugin for creating interactive parallax effect - ★ 1152 (Scroll)

README

        
> [!WARNING]  

> This plugin is not maintained. Note that it has been possible to make parallax effects in near-pure CSS for some time, using a combination of `translateZ()`, `perspective`, and either a bit of JS for pointer tracking or a scrolling container. It is srongly suggested that you explore that avenue, as the resulting animations are optimised for the GPU, and smoother than this plugin can ever be. There is parallax scrolling page that I made based on this technique [here](https://decouverte-metiers.epfl.ch/fr/s/quartier-1/)

# jquery.parallax

## What does jquery.parallax do?

jquery.parallax turns nodes into absolutely positioned layers that move in response to the mouse. Depending on their dimensions, and on the options passed in, these layers move at different rates, in a parallaxy kind of way.

## Demos and docs

stephen.band/jparallax/