Archived topic

Parallax

5 replies · Started by Adrian Cojocariu on August 9, 2015

Viewing posts 1–6 of 6

August 9, 2015 at 2:10 am #127776

Hey man, sorry to bother you with JS.

I'm planning to implement parallax.js for a background on a section, but I want the background to be a little delayed, not only scrolling at slower speed.

Just take a look at this.

http://themeforest.net/item/er-beautypress-beauty-spa-html5-template/full_screen_preview/11770321?ref=freshdesignweb&ref=freshdesignweb&clickthrough_id=493349236&redirect_back=true

You got any ideas ?

Maybe I can simply tweak your own parallax ?

August 9, 2015 at 9:35 am #127831

Hi Adrian,

What do you mean by delayed? Like you only want it to start the effect once you reach a certain point of the page?

If so, you might have to get a little advanced with a jQuery plugin like Waypoints: https://github.com/imakewebthings/waypoints

August 9, 2015 at 11:09 pm #127969

Nah, it must be really simple.

Delayed I mean... you can take a look at that example with the mountains.

You see when you scroll ( one step only ), everything goes instantly, but the mountains take like 0.3-0.5 seconds to react to the scroll step.

August 10, 2015 at 9:41 am #128122

Looks like that theme is using this plugin for the parallax effect: https://github.com/Prinzhorn/skrollr

Definitely more code than the one in GP (which is very minimal/lightweight) - but it has way more options, including that delay I'm guessing.

August 10, 2015 at 1:01 pm #128202

Thx man, I'll check that out, I searched the code but could not find it.

August 10, 2015 at 11:43 pm #128306

No problem - let me know how it goes :)

This archived topic is closed to new replies.

Start building better websites today.