Jump to content
Search Community

Sidebar sticky with Scrolltrigger and ScrollSmoother

Superloop test
Moderator Tag

Recommended Posts

Hi!

I'm trying to make a sidebar like Adidas makes: https://www.adidas.es/zapatilla-ozweego/FX6029.html
I need to use SmoothScroller. Without this plugin I would know how to do it with CSS sticky, but with SmoothScroller I can't find a way...

When you scroll down, the sidebar stays fixed below (like my codepen) and when I scroll up the sidebar goes up with the scroll.

I don't know if it's possible to do this with ScrollTrigger.

Anybody can help me?

Thank!! :)

See the Pen zYLjjNO by superloop (@superloop) on CodePen

Link to comment
Share on other sites

@elegantseagulls thanks for you answer.

I don't want to have a nested scroll for the content in the right. The scroll must be the same that the scrollbar page. It's like the pin is in the two sides (top and bottom). When the sidebar is pinned and you scroll to up, it's like the sidebar is not pinned.

I don't know how to explain :( I can not do a example more similar than adidas page (https://www.adidas.es/zapatilla-ozweego/FX6029.html)...

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...