Streaming live at 10am (PST)

Parallax Scrolling


#1

Hi. As I have already said, I love Webflow and it will revolutionise my workflow.

There is, however, one feature that I would love to see implemented: parallax scrolling 'cos I think it's so cool :wink2: .

I bet there is already a way to do this using 'custom code' in the <head> and embedding code in the <body>, but I would love to see this made much easier in Webflow, after you guys have finished the more important jobs, like multi-pages of course. I'm sure it won't be easy, and simple scrolling would be great to start with, but parallax scrolling is so fun to play around with and looks so impressive.

Thanks,
Bertie.

PS. For anyone who wants to know exactly what parallax scrolling is, Google it or take a look at this.

Wanna see how awesome parallax scrolling can be? Visit any of the sites below:
http://www.madwellnyc.com/
http://livingword.co.uk/
http://neomam.com/interactive/13reasons
http://bbc.co.uk/news/entertainment-arts-20026367/
http://soleilnoir.net/believein/#/start
http://vondutch.com/
http://whitehouse.gov/iraq


http://crv.honda.com.au/default.aspx
http://iutopi.com/
http://activatedrinks.com/
http://hjason-kenny.com/

And some more complicated, even more awesome ones:
http://journey.lifeofpimovie.com/
http://everylastdrop.co.uk/
http://www.evanshalshaw.com/bondcars/
http://moto.oakley.com/
http://graphicnovel-hybrid4.peugeot.com/start.html
http://nintendo.com.au/gamesites/mariokartwii/#rediscover
http://victoriabeckham.landrover.com/INT

[could an admin/moderator please add in the other links - I am not allowed to include more than 10 as a new user]


#2

http://journey.lifeofpimovie.com/

Another amazing example of Parallax!


#3

Wow, I love this! Added it to the list. smiley

EDIT:
Another amazing but very complicated one, http://www.peugeot.com.ar/minisite-208/

NEW EDIT:
What do the admins think about the possibility of this? Could Parallax scrolling ever be a built-in feature of Webflow?


#4

Very clever but I'm not sure I like it as a user? I feel like a monkey having to grind the organ handle to make the experience progress. I kind of feel that with existing tools like Flash I shouldn't have to do so much work to experience what they are trying to show me! It's effectively an animation that progresses as you scroll - in a very sexy way - but I'm getting RSI doing it wink

This is perfect for creative stuff like movie websites but if you'e building something that requires a clean and simple UX that makes it easy for the user to navigate to where they want to be in the fewest number of clicks (or scrolls) this isn't the way to go.

It's still very cool though!


#5

I completely agree, and I wouldn't really want scrolling like in the the Life Of Pi website on my site, rather something more simple like the Whitehouse Iraq website or some of YouTheDesigner's articles.

So yeah, I agree in how I don't want to be too distracted or controlled by the website when scrolling down, but being able to do simple, subtle parallax scrolling in Webflow would be cool.

Bertie.


#6

Hi .. Please check out my latest blog for parallax websites
http://techsrishti.com/blog/techsrishti-launching-parallax-scrolling-website/


#7

Nice article on parallax scrolling: https://medium.com/@dhg/82ced812e61c

Impressive demo: http://davegamache.com/parallax/


#8

Be great to see this in Webflow. Adobe Muse handles parallax quite well – worth comparing notes for WF devs.


#9

Need this. Wix.com has this and is like 1/5 your price, so time to add some pressure :wink:


#10

Wix.com also has the crappiest SEO on earth, and most of the Wix sites aren't even responsive. Apples and oranges... :wink:


#11

Check out this tutorial :slightly_smiling:


#12

#13

#14

Here is a preview of parallax mouse movement and parallax scrolling in Interactions 2.0: