"Smooth scrolling" on entire page with pinned elements.

[GreenSock]

@Eric Dyken first off, thanks for being a Club GreenSock member. We really couldn't do what we do without supporters like you. 🙌

 

Like I said, as far as we know, pinning works great with ScrollSmoother but if you ran into an edge case where it doesn't, we definitely want to solve that. If you could provide us a minimal demo, even if you don't want help for yourself it could end up helping many other people who may find themselves in a similar position down the road. 

 

I'm super bummed to hear about your disappointment and frustration. I know what it's like to try so hard to make something work and then get utterly frustrated when there seems to be no viable solution. 🤕

[Eric Dyken]

Thanks Cassie, sorry I'm frustrated and it's getting the better of me today.

 

I do see the box C pinning in your demo!  Fantastic.  Let me see if I can provide a minimal demo of my situation.

[Eric Dyken]

@Cassie 

 

Cassie, I'd like to extend my gratitude to you and Jack.  After creating a demo which I was really reluctant to do it became obvious that the problem was on my end (after seeing

See the Pen vYdVgOY by edyken77 (@edyken77) on CodePen

work with no issues).

My problem was I was running the ScrollSmoother.create constructor  in a main.js file:

function smoov() {
    const smoother = ScrollSmoother.create({
        wrapper: '#smooth-wrapper',
        content: '#smooth-content',
        smooth: 2,
        effects: true,
    });

    return smoother;
}
smoov();

whilst my scrolltrigger for the pinning was in a different .js file.  The separate js did not have scrollsmoother imported so that was my issue.  I just assumed if it was in the main.js it would be fine but that was not the case (and since the scrolling of the actual page still had the smoothing it seemed like it was global).    No console errors were thrown, although I did not check the console warnings so that may have saved me some headaches.

I also did not notice that OP was using the scrollTo and not the smoothscroll plugin so this is probably not even the right thread!  My Apologies.  Noobie learning a lot today!

[Cassie]

I could hear the frustration in  'I'm done. '  Don't you worry at all - we've all been there.

I'm so glad you've managed to get this working. Pop back anytime.

[GreenSock]

Yay, glad you got it figured out. Don't worry about the frustration. Been there, done that, got the t-shirt.