Jump to content
Search Community

Horizontal scroll for section properly not working

Vijay Seetaram Raju test
Moderator Tag

Go to solution Solved by akapowl,

Recommended Posts

Hey hi, I am completely new to GSAP world, i am trying to learn many things from forum and gsap -demo, and trying from today. this trail is about horizontal scroll, have tried from demos, my plan is to achieve scroll some thing like this  


what-we-do   ->  work-sec  ->   about  


                                                           contact section


but after (what-we-do) section, background colors of all sections are disappearing!!

have achieved horizontal scroll but its not in a proper way,  


Please check my code and let me know where did i missed things??

See the Pen QWgReNN by weavertext (@weavertext) on CodePen

Link to comment
Share on other sites

  • Solution

Welcome to the forums @Vijay Seetaram Raju


All your panels are block elements, which makes them appear stacked vertically. If you want some horizontal fake-scrolling, you will first have to style things properly - e.g. use flex on a container surrounding all those sections you want to scroll horizontally, as in this follwoing pen.


See the Pen 58790bb6cbb8f64ebfef48b36bbee36c by akapowl (@akapowl) on CodePen


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