CODEWITHSUNDEEP
htmlcssparallax
Sparda
Sparda

Reputation: 610

Achieve parallax effect using css background-attachment property

Please check this JSBIN link.

http://jsbin.com/axeway/14/edit

When you scroll the page you can see the parallax-like effect on the first div but for some reason, its not working with the other divs. The only difference is the background images.

Not sure what's going on. The remaining divs are just scrolling normally even though i gave them a background-attachment property of 'fixed'.

Any help would be greatly appreciated.

Upvotes: 0

Views: 1461

Answers (1)

Sparda
Sparda

Reputation: 610

Never-mind guys. Its the stupid backgrounds. The background-attachment is working but the effect is not noticeable because of the linear gradient.

For anyone coming across a similar issue, the background images should be distinguishable and not just plain colours or gradients.

Upvotes: 1

Related Questions