alumbo / jquery.parallax-scroll Goto Github PK
View Code? Open in Web Editor NEWSmooth parallax effect on vertical page scrolling
License: MIT License
Smooth parallax effect on vertical page scrolling
License: MIT License
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.
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
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,
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 !
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!
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,
Hello, why has the plugin been signed as “deprecated”. Works still very well for me. Did I miss something? Thank you!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.