Jump to content
Search Community

horizontal slider on resize

Ponnyprisma test
Moderator Tag

Recommended Posts

Skarmavbild2024-04-02kl_11_44_44.png.0970141b5193be0769d457475c094311.png

Hello! I am trying to make a horizontal slider with images that are 100vw and 100vh. The slider works fine until I do a resize. Then the start marker jumps wildly and no longer starts from the image. I want the pin to update when I do a resize, but it behaves somewhat erratically. I made a codepen  but it works fine on that! adding a printscreen!

Thanks :D

Skarmavbild2024-04-02kl_11_46_04.thumb.png.fcfc6fef29afa82f142974f25b629704.pngimage.thumb.png.efd296d876efb3fdcf58e0cbeb42b790.png

 

See the Pen zYXPbLy?editors=1100 by Ponnyprisma (@Ponnyprisma) on CodePen

Link to comment
Share on other sites

Hi @Ponnyprisma and welcome to the GSAP Forums!

 

Sorry to hear about the problems but if you can't reproduce it on a codepen demo there is not a lot we can do about it. On top of that the demo you posted shows that this is not a GSAP related problem, but something else in your app is clearly interfering with how things are being done.

 

There are known issues (not a lot) when using some features by Bootstrap 5, manly because it adds scroll-behavior: smooth to your body element, so if you're using Bootstrap 5 you can overwrite that in your own CSS.

 

Sorry I can't be of more assistance.

Happy Tweening!

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