[Tweenmax smooth scrolling without Rubber-band effect]

6 minutes ago, ZachSaucier said:

This day in age it's often times adequate to use the Intersection Observer API. I use it in this thread that you can take a look at:

Exactly what you need depends on the effect that you want. Given you have 0 description of that, we can't really provide much more help at this point. Maybe it would be good to create a new thread about your topic where you describe your goal and include a recreation of your attempts in a CodePen.

 

Thanks! I didn't know it exist! I will dig into it and try something. If i have any question about it, i will create a post with a codePen example

[Tweenmax smooth scrolling without Rubber-band effect]

Just now, ZachSaucier said:

You can do animations on scroll without Scroll Magic. Most likely it'd be simpler to avoid using it completely.

How? Do you have a pin post showcase?

 

Listenning scroll and detect position with scrollTop or something?

[Tweenmax smooth scrolling without Rubber-band effect]

37 minutes ago, ZachSaucier said:

@graphsynergie Both are trying to control the scroll, so it's fairly obvious that they will conflict  Maybe you can detach one of them from the scroll and use onUpdate to move the progress instead?

 

onUpdate is a parameter in tween, right? How can i detect scroll effect without listen to scroll? Can you show me a simple example for this case, so smoothscroll effect only. I will need scrollmagic to detect when to start scroll animation for specific elements, so i don't think i can change my current code and should focus on ajusting this one to my needs.

[Tweenmax smooth scrolling without Rubber-band effect]

Hi there @OSUblake,

 

I'm trying to use the code of this pen and it seems to conflict with my scrollmagic/gsap animation. 

I'm drawing svg lines on scroll but with this code added, the lines shows/hides before drawing reach the end. If you want to see it live, contact me in private. I can't share the link live to everyone.

[Smooth Scroll (window & div container)]

Thanks for this fast answer. I know my examples doesn't use GSAP, but for the first one, i know i can use scrollmagic and gsap.

 

I will check this thread and if i have further questions, i will post them on the thread.

 

Thanks again!

[Smooth Scroll (window & div container)]

Hi there,

 

I'm looking for some code to do a smooth scroll gsap ready on website but i can't find any that fit my needs.

 

For now, i found this one (https://stackoverflow.com/questions/57365715/bug-found-in-scrolling-smooth-code-found-in-someone-else-post-but-dont-know-how), but i encounter some issues like it works for window only but not scroll in div elements.

 

I also just discover this one, but not test yet : https://github.com/locomotivemtl/locomotive-scroll They don't share a min file of this except via NPM.

 

Someone has a librairy that works great for all browsers?