Streaming live at 10am (PST)

Help with Home Page -> Project Page Interaction


#1

I’m creating a portfolio website and am interested in creating the interaction that transitions from the Project Slide to the Project Page.

Here’s the example http://vyctoire.com/

From what I understand, it’s horizontal scrolling with scroll jacking and I heard that for scroll jacking it’s going to be custom code.

This is the start of what I want my home page to be
https://preview.webflow.com/preview/horizontal-scroll-test-56e67e?utm_source=horizontal-scroll-test-56e67e&preview=6eefc6a34d49b8b7d6b94bdf8d633015

and this is where I want clicking on the project to lead to

https://preview.webflow.com/preview/larry-vidas-fantastic-project?utm_source=larry-vidas-fantastic-project&preview=ff4df4234bd6f40586027e2a36450289

Let me know what I need to do in order to as I’m not sure where to start. Thank You!


#2

Hey Larry,

Nice Work! really beautiful stuff!
I think that you need something like Barba.js to achieve this effect.
It is a very powerful JS library, but unfortunately there’s not enough documentation about it :confused:

In case you know your JS, then jump right into it. Otherwise, id try to find a front-end developer to help with this.