Jump to content


Gsap Simplebar Plugin

Moderator Tag

Recommended Posts

Hello, I added simplebar js to my ongoing project to customize the scrollbar, but there is a conflict. I think the styles come when gsap is disabled, but the simplebar styles do not work when gsap is active. Can you help me?


See the Pen LYgbPXB by sukruemanet (@sukruemanet) on CodePen

Link to comment
Share on other sites

Hi there,

When you're using ScrollSmoother it's the wrapper element that is the scroller, not the body.

From the simple scrollbar docs


Include the attribute ss-container in any <div> that you want to make scrollable, and the library will turn it for you


So this should work!

See the Pen abRLKGP by GreenSock (@GreenSock) on CodePen

Link to comment
Share on other sites


I am using gsap version 3.11.4. In this version I use scrollsmoother and the html structure;

<div id="smooth-wrapper">
     <div id="smooth-content">

There is no scrollsmoother you shared. The gsap version I used was conflicting with the plugin you provided. I tried many times. Because both offer smooth scrolling feature. gsap version 3.11 offers a lot of usefulness, I didn't want to give up on it. So I just searched for the scrollbar style.

Link to comment
Share on other sites

Oh sorry I had the wrong link on my clipboard - edited


Link to comment
Share on other sites

@Cassie Thank you, Now the smooth scrolling feature is disabled, I wanted both. Are both soft scroll and scrollbar style both the same terms not working?

Link to comment
Share on other sites



Indeed it seems that for some reason SimpleBar doesn't work the way is expected when combined with ScrollSmoother.  As you can see SimpleBar is adding a lot of stuff around the elements ScrollSmoother uses to create the effects:



Unfortunately SimpleBar is not a GSAP product and we can't offer support for third party plugins and packages in these free forums.


Good luck with your project!

Happy Tweening!

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