Jump to content
GreenSock

Luca Knoop

Horizontal Scroll Error

Go to solution Solved by daniel.mt,

Recommended Posts

Hello GS community,

 

I am currently programming my portfolio website and ran into some issues with the horizontal scroll feature of gsap.

 

In the demo you can see where I try to display a horizontal scroll with only the images.
(In this case I implementet a random logo (Qries) of the internet several times to the demo)

 

The div "hs-container1", which includes all the text layers, should stay in place while scrolling but the images should move to the left.

 

It seems that something is working, because the markes seem to show pretty right...

 

I dont know why this wont work in my case. I watched the Tutorial of the official gsap team to build my layout. But it doesnt work.

 

I hope someone of you could help me :)

 

Thanks and best regards

Luca Knoop

 

 

See the Pen MWVNQZd by Lucaknoop (@Lucaknoop) on CodePen

Link to comment
Share on other sites

  • Solution

Hi and welcome :)

 

You don't have a panel class. Your panel is in fact hs-img. Here:

 

See the Pen WNzVJqE by danielmtd (@danielmtd) on CodePen

  • Like 4
Link to comment
Share on other sites

35 minutes ago, daniel.mt said:

Hi and welcome :)

 

You don't have a panel class. Your panel is in fact hs-img. Here:

 

 

 

 

 

Thank you so much buddy, you saved my day ❤️

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