- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › Parallax scroll effects…not background scrolling
theres this website and the js is crazy for it and there are literally no decent tutorials out there for this kind of parallax…and help or guidance would be greatly appreciated..
Did you read his blog post, or look at his github repo?
You might also be interested in greensock/ GASP js , which @Joe_Temp turned me on to.
Scroll Magic is THE BEST general-purpose parallax tool out there. Period. It’s ACTIVELY maintained and is built on top of GSAP, just like Traq mentioned.
This is the third iteration by these developers. First it was “Scrollorama,” then “Superscrollorama,” now it’s “Scroll Magic.” The docs and interactive tutorials are OUTSTANDING and if you submit issues on Github, Jan Paepke will respond within a day usually either with an answer or a bugfix.
Keep in mind, Scroll Magic just ties GSAP animations to scroll position in a really easy way. This is still basically a GSAP utility, with really fine grained controls for scroll tricks.
You can tie literally anything to scroll position and the animations are as fast as CSS transitions. GSAP is crazy fast.
Scroll Magic has decent support for mobile devices, but if that’s what you’re looking for, @shaneisme once shared a sick mobile parallax tool. I forget what it is called.
This one: http://matthew.wagerfield.com/parallax/
Yup. That’s the one!
Commenting here as a future reference (I don’t know why we can’t “save” posts. It’s a learning website. I’m looking at you Chris!)
Seriously though, the best way to really learn the ins and outs of parallaxing, is to just try and build a site that parallaxes. This is one of the few instances I suggest doing it before trying to learn it. Here was my first shot at it a couple years ago. The code is crap but I’ve gotten better at it with time.
(Also first time with a loading screen which sucks too, haha)