Jump to content
Search Community

Repurposing full-screen horizontal scroll for container

LML87 test
Moderator Tag

Recommended Posts

Total brain mush newbie here!

 

The included CodePen demos a really awesome full-page example, and I've been trying (and failing) to repurpose it as a contained element that sits in the middle of a page surrounded by other elements, but it's feeling like the logic is beyond me.

 

Any tweak I attempt, the navigation timeline just treats the entire page as the focus, rather than the container I house it in and try to focus on.

 

I'm not a dev, just a "I'll look at parts that make sense, Google a lot, and break stuff until it does what I want" level of coder - hoping someone more legit would know how this is achieved?

 

Thanks

See the Pen d9557b8a3d864e6be3d37b1b1eb0d6df by michellebarker (@michellebarker) on CodePen

Link to comment
Share on other sites

Hiya!

 

So firstly this demo is by Michelle Barker, if you're using it on a website it would be polite to pop her a message to check she's ok with that first.

Assuming she is - a little more info would help us assess whether we can help. Could you explain which parts of it you want to keep, functionality-wise and how it would be surrounded by other elements? Are you wanting to scroll down to this section and pin it? Would the nav be part of that? Or would the nav be at the top?

 

Maybe you can explain this a little more?

Quote

 the navigation timeline just treats the entire page as the focus,  rather than the container I house it in and try to focus on.

How are you focusing on it? Where does this container sit?

Do you maybe have a fork where you've attempted it that we can take a look at?

 

Just a little pre-warning that these forums are mainly for gsap-specific questions and trying to wrangle demos into new situations is a little out of scope, holding off on that judgement until I understand a little more what you're after.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...