Design - Half-page static/Half-page scroll

Design help General
1

Hey guys,

I’m trying to figure out how to create the effect of having half of the page static and the other half a scroll of various elements…text, embeds, etc…

Like this page on David Bowie’s website:

http://www.davidbowie.com/bio

I want it to look like this only the content on the right would essentially be a one page scrolling website with anchors for each section.

Is there a way to do that in webflow?

Thanks for your help.

Jill

2

Hello @JillC,

It is absolutely possible to recreate in Webflow:

  1. Add section for static content. Give it class and style it:
  • position: fixed,
  • aligning: left,
  • width: 50% (or 50vw)
  • height: 100% (or 100vh)
  • set background image with settings “fixed”
  1. Add section for scrolling content. Giv it class and style it:
  • width: 50% (or 50vw)
  • height: auto
  • float: right

Then you can easy add any content inside 2nd section.

That is pretty much all
Regards,
Anna

1 Like
3

Hi @sabanna. Thanks much for the info. I’ll try it as soon as I get home tonight:)

1 Like
4

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