How to apply a jquery function with a jquery object as a parameter

Question

I found an easy code to create a parallax effect with jquery:

function parallax(intensity, element) {
    $(window).scroll(function() {
        var scrollTop = $(window).scrollTop();
        var objPos = scrollTop / intensity + 'px';
        element.css('transform', 'translateY(' + objPos + ')');
    });
}

I completly understand how this code works, but how do I apply this on different elements?

So for example #div1 with intensity 3, #div2 with intensity 5.

Thank you for you help in advance! :)

Possible duplicate of How to create parallax effect like this? — Parijat Purohit
– Parijat Purohit, Commented Oct 30, 2017 at 8:30

Adriano · Accepted Answer · 2017-10-30 08:30:49Z

1

You created the function, now you just need to call it:

parallax(3, $('#div1'));
parallax(5, $('#div2'));

Try this and let me know how it goes.

answered Oct 30, 2017 at 8:30

Adriano

3,9945 gold badges36 silver badges58 bronze badges

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

1 Comment

Philipp Over a year ago

Thank you so much, it worked! :) I just forgot the syntax to do this...

Collectives™ on Stack Overflow

How to apply a jquery function with a jquery object as a parameter

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related