Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Ahmed Elabbasy

Parallax With MagicScroll and TweenLiteMax work Once and not on Scroll

Recommended Posts

Unfortunately ScrollMagic isn't a GreenSock product, so we don't support it around here. You might want to check out the recently released ScrollTrigger plugin for GSAP which does pretty much everything ScrollMagic does and more.

It looks like you had some typos in your code and you might not be loading the proper ScrollMagic files, but I'm not sure. 

 

Happy tweening!

  • Like 2
Link to post
Share on other sites

Any membership need this plugin when producing

Link to post
Share on other sites
2 hours ago, Ahmed Elabbasy said:

Any membership need this plugin when producing

Not specifically for that plugin. But GSAP's normal licensing applies.

Link to post
Share on other sites

Very cool, but another question, please, I cannot use smooth Scrollbar with this plugin. Can he do this? 

When I use the smooth scrollbar  the effect is all gone, meaning it can have the same effect smooth scroll

Link to post
Share on other sites

Smooth scrolling hijacks the native scrolling which means that you can't use any scrolling effects that are based on the scroll position including ScrollTrigger. See this post for more info:

 

  • Like 2
Link to post
Share on other sites

Sorry, I don't understand what you're saying. In your demo the image fails to load and I don't see anything weird going on. Can you try to rephrase your issue and provide a more clear demo?

Link to post
Share on other sites

Sorry for this I tried to do something like what I am currently working on. The problem is try to change the view port to large and click on owl carusal right or left on image and try to scroll you will see something like photo rerender and another Scroll trigger gone

https://codesandbox.io/s/affectionate-cookies-9hccc

Link to post
Share on other sites

I think the part that you're talking about is related to the scrollToElement function? It looks like it's trying to scroll the element into view but it overcompensates every time that you click it. 

 

You still have quite a bit of code there. I recommend stripping all irrelevant parts of it so that you can focus on solely the issue at hand.

Link to post
Share on other sites

If there is no error setting up or installing the plugin, I can play around
But how can I reduce the speed of scrolling?
at the end, I really sorry for your time

Link to post
Share on other sites
12 hours ago, Ahmed Elabbasy said:

how can I reduce the speed of scrolling?

That's a very unclear question. ScrollTrigger does not hijack the page's native scrolling so you don't directly control the scroll speed with it.

Link to post
Share on other sites

Thanks a lot. I think I have come to a solution now

Link to post
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.

×