How to create a parallax gallery on a website?

E

Evanre2015-11-19 02:57:15

css

Evanre, 2015-11-19 02:57:15

Hello everyone, I need to make a floating parallax gallery on the site - when I scroll the page, the pictures move from bottom to top in the visible part of the page relative to the parent container and at different speeds relative to each other.

There is a working example on a third-party site (sockagram section). I need to do exactly the same. I already tried using the plugin (scrollr) that is used on this site, but I got bugs in the Safari browser (the height of some blocks not related to the gallery itself was not correctly calculated).

Can anyone recommend a plugin or custom code example for me to implement a similar effect? Thank you.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

I

Igor Che, 2015-11-19
@chewarer

Parallax-ImageScroll
There is also a demo .