Streaming live at 10am (PST)

Can I do it on webflow? Split view with static and scrollable section


#1

Hi guys, Do you think it's possible to create a similar website as http://www.pushh.co/ on webflow?

I'm referring to the static Phone frame that shows different content inside when scrolling.

Thanks!
Igor


#2

I couldn't find it... May you please share a screen of what you are reffering to. Thanks! :wink:


#3

Sure Vladimir here you go, I hope it makes sense to you. Thanks!


#4

To replicate that exactly you would have to use custom code.

You could get it to look and function fairly close with interactions.

It as a similar scroll style to my site http://alexandernichol.com


#5

Two columns, both with fixed positioning and a height of 100%. Left column set overflow to hidden and on the right column set overflow to scrolling.

Quick-and-dirty example:
https://preview.webflow.com/preview/test-site-fc4d58?preview=f809bf272c2d9614245e468f5cb35a6d


#6

Thanks guys, this is really helpful. I have another question regarding the transition. I want the content on the left to transition when I scroll to a specific section, How do I do that?


#7

If you want it to continue scrolling, make it absolute as opposed to fixed, and it will scroll up once you reach the bottom of the scrolling column.

If you want it to switch to a different graphic, add a transition on scroll-in of the next right-hand column that triggers your left-hand column to fade out and go to display:none, so you can just position a series of fixed left-hand columns underneath each other.


#8

Thanks Cricitem! I will try it out. Wish me luck :slightly_smiling:


#9

You guys rock! Thanks a lot!


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.