alumbo / jquery.parallax-scroll Goto Github PK

It would be awesome if it was possible to pass the scroll element to watch. My app should use this effect in a part that is not the whole viewport but a column. It would be cool to be able to specify this parent column.

Appreciate the Demo Link :)

Hello,

I have some issues with your plugin on the last version of Jquery (3.1.1 minified), it's not possible to use multiple instances like :

<img data-parallax='{"y": 300, "x": -575, "from-scroll": 10, "easing": "easeOutElastic", "duration": 300, "rotateY":360}' data-parallax2='{"y": 600, "x": 400, "from-scroll": 500, "easing": "easeOutElastic", "duration": 300, "rotateY":360}' class="img-responsive center-block" src="images/logo.png" alt="logo" />

I got this error in debug mode :

jQuery.Deferred exception: data is undefined ParallaxScroll._onScroll/<@http://localhost/project/assets/js/parallax.min.js:66:21
.proxy/e@http://localhost/project/assets/js/jquery-3.1.1.min.js:2:3653
.each@http://localhost/project/assets/js/jquery-3.1.1.min.js:2:2813
r.prototype.each@http://localhost/project/assets/js/jquery-3.1.1.min.js:2:1001
ParallaxScroll._onScroll@http://localhost/project/assets/js/parallax.min.js:44:9
ParallaxScroll.init@http://localhost/project/assets/js/parallax.min.js:28:9
@http://localhost/project/assets/js/parallax.min.js:2:5
g/</j@http://localhost/project/assets/js/jquery-3.1.1.min.js:2:29946
g/</k<@http://localhost/project/assets/js/jquery-3.1.1.min.js:2:30262
undefined

Do you have any solution ?

Thank you very much for your work.

Regards,

First off, just want to say that this is an excellent plug-in. Much smoother than most parallax effects.

I would like to know how it would be possible to preserve existing transform properties set in CSS (skew, for example), so that they are not over written with the parallax scroll plugin.

If you check the star example you can see that the stars are transformed via CSS styling until the page is scrolled and the plugin is triggered. At which point, the stars which were previously rotated are reset. Any ideas? Thanks!

Hi,
as many hero section use a background image, you should make an option to make it available for them.
It use the background-position property

Cheers !

Hi,

I would like to know if it's possible to disable the parallax for mobile/tablet device ?

Thank you in advance

it would be possible execute a function the beginning animation and another function to end of the animation? or also on start reverse animation

it would be useful to have two dedicated parameters for single element (example data-parallax-onStart="function" data-parallax-onEnd="function")

Hello, is it possible to disable temporarily only on mobile version,
ex:
if(screen.width > 1024) { ParallaxScroll.init(); } else { $('.myclass').removeAttr("data-parallax"); }

how we can remove the data-parallax attribute temporarily and set it back once the screen width is more than 1024px?
seems the ParallaxScroll.init() not trigger the removed attribute back.
Any idea will be appreciated! Big Thanks :)

I think it will be more pretty if have more option like.

1.. On scroll background Opacity Change
2.. On scroll background Color Change

Hi,

Love this plugin it is exactly what I needed!

The only issue is I can't figure out how to make it responsive. I'm not attached to having the images remain parallax on touch screens so if I can just disable the plugin this is fine too.

Thanks,
Matt

Hello, why has the plugin been signed as “deprecated”. Works still very well for me. Did I miss something? Thank you!