CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Dan Leckie
Dan Leckie

Reputation: 11

Fade images in and out based on scroll position

I'm trying to recreate the same effect used here: http://www.chylak.com/en/bags where the images will fade in/out based on scroll position.

I've had a look at the source and can see that "data-centre-centre" and "data-top-bottom" both have opacity values so it looks like a CSS transition?

Thanks for the help anyway :)

Upvotes: 1

Views: 496

Answers (2)

Dan Leckie
Dan Leckie

Reputation: 11

For anyone interested, I ended up using skrollr.js https://github.com/Prinzhorn/skrollr

Super easy to use and works great if you're trying to achieve a similar effect to the one referenced in my original question.

Upvotes: 0

Mohamed Badr
Mohamed Badr

Reputation: 2642

here you are a little example in this fiddle

Upvotes: 1

Related Questions