Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Vijay Seetaram Raju

Horizontal scroll for section properly not working

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  

header

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