Jump to content
Search Community

Second scrollbar appearing and disappearing when animation ends

vitaminik test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts



I started to use gsap, I'm a web designer, not a developer. Gsap is an awesome framework and I'd like to use it in my projects. 


I'm trying to apply various animations on a Wordpress template, but as you can see, a strange second scrollbar appearing on the inner div of the template and disappearing after the animation ends. I tried to force overflow-y: hidden but it doesn't work at all. 


Is there a way to hide it? 


You can view it here:



Thanks in advance

Link to comment
Share on other sites

Something must be overflowing, you can fix that by setting overflow: hidden to whatever element is getting this scroll bar.


You have set overflow to 'visible !important' to element with id 'place' which is causing this.

Link to comment
Share on other sites

It is happening because you have html and body height set to 100% so it adds scrollbar to both html and body. What you can do is, wrap the image that fades in inside another div, with overflow hidden. Also, instead of animating top/left you should animate x and y whenever possible, it will give you far better performance.

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