Jose20 Posted December 27, 2021 Share Posted December 27, 2021 Greetings, I'm new to GSAP, I'm implementing a horizontal scroll, I'm following codepen's lead It works well, however in my application when I inspect element this overflow happens As you can see on the right side there is a black overflow. The problem is caused by this code line in CSS: Width equal to 600% Which without that statement, the scroll does not work. I need to find a way to fix the error and not break my app when it opens on other screen sizes. Thanks. See the Pen XWmEoNg by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
pattocheu Posted December 27, 2021 Share Posted December 27, 2021 hi @Jose20 check my post and the quick reply from @akapowl hope this post will help you. 1 Link to comment Share on other sites More sharing options...
akapowl Posted December 27, 2021 Share Posted December 27, 2021 2 hours ago, Jose20 said: It works well, however in my application when I inspect element this overflow happens Yes, it is related to the overflowing content making the viewport adjust. So you might have to add another wrapper and set overflow-x: hidden to it. Does that work for you? See the Pen rNGpmJO by akapowl (@akapowl) on CodePen 2 Link to comment Share on other sites More sharing options...
Jose20 Posted December 28, 2021 Author Share Posted December 28, 2021 Thank you, this worked for me. 7 hours ago, akapowl said: Yes, it is related to the overflowing content making the viewport adjust. So you might have to add another wrapper and set to it. overflow-x: hidden Does that work for you? Thank you, this worked for me. Now, I would like to do a kind of phases of the moon, I have the following. The moon is in a fixed position, but I would like to move to phase 2 the moon to change to the next phase: I have not managed to do it, I thought about something like this: But the following moons are still hidden, I can't get that "phase change" effect. Link to comment Share on other sites More sharing options...
akapowl Posted December 28, 2021 Share Posted December 28, 2021 Sure, that sounds like it should be doable. These forums don't offer how-to-build solutions, but if you start a new thread (since this is not really related to the topic any more), add a minimal demo of what you have tried and specify your question a bit, you will significantly increase your chances on getting some advice, if you're stuck there. 3 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now