Hi.

I use malihu script to scroll page horizontal. It works very good for my purpose.

Then, i want to use some parallax, on background or full scale div to moving along my content. I tried to use Scrolling Parallax Plugin for jQuery, but it simplt dont work for me.

How i can do smt like that in simplest way possible (only one image background - full page have 600%, and img for parallax 300%)

 

Be very careful with adding parallax, many plugins are poorly written and you get choppy animations expecially on lower powered machines. Scrollr is probably the easiest for a beginner to use and is pretty well written.

 

Also, just in case you are: don't just be throwing script plugins at every problem you'll end up with a tonne of bloat and loads of extra files (http requests) which will ruin your page speed. Try to learn the language and write the functionality yourself, like the scroll to a hash locaiton should just be a few lines of code.

Edited February 13, 201511 yr by rbrtsmith

U right of course, but there will be only two scripts.

Stellar.js work exactly as i want anyway

Thank you

isn't parallax tricky on mobile?

isn't parallax tricky on mobile?

 

Depends what you use, most of them rely on the scroll event instead of the drag event which is why it doesn't work until you have finished the drag

http://www.webdesignerforum.co.uk/topic/70150-horizontal-scroll-with-height-adjustment/?do=findComment&comment=443697

I've got parallax working on mobile, using requestAnimationFrame as a 60fps callback, inside the callback I just measure the scroll offset to determine if and how much the user has scrolled and with that create a parallax effect. Generally speaking though I don't think parallax is a great idea on mobile, it's very processor heavy and it doesn't add enough to the experience to make that worthwhile (in the vast majority of cases)

Edited February 14, 201511 yr by rbrtsmith