JQuery Parallax not working

Question

I am creating a page with some parallex bg effect.. i have three divs with same background see this fiddle

when i use different bg images for all the divs then the parallex is working but with same bg images to all the divs, its not working.

I am using this parallax jQuery plugin http://ianlunn.co.uk/plugins/jquery-parallax/

Jquery code

$(document).ready(function(){
  $('.sep').parallax("50%", 0.6);
});

James Montagne · Accepted Answer · 2013-08-23 14:15:53Z

2

It seems you need to call parallax on each element individually. You can do so with each:

$('.sep').each(function(){
   $(this).parallax("50%", 0.6); 
});

http://jsfiddle.net/PmYsC/1/

answered Aug 23, 2013 at 14:15

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rob Schmuecker · Accepted Answer · 2013-08-23 14:13:30Z

1

Add a unique class onto each one.

$(document).ready(function(){
  $('.sep1').parallax("50%", 0.6);
  $('.sep2').parallax("50%", 0.6);
  $('.sep3').parallax("50%", 0.6);
});

http://jsfiddle.net/wEpMM/

answered Aug 23, 2013 at 14:13

Rob Schmuecker

8,9642 gold badges21 silver badges34 bronze badges

1 Comment

Vikas Ghodke Over a year ago

Yes. But actually the problem is i am using it in single page wordpress theme and after each section of pages this div with class sep added so then i have to dynamically add numbers to each class with php, but just wanted a workaround with js only.

Collectives™ on Stack Overflow

JQuery Parallax not working

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related