[ScrollTrigger sidebar pinned overlaid sections]

Can you please tell me, is it possible to somehow move away from the scrollbar smooth or replace it with a similar solution?
The thing is, there is still scroll magic on my page, and if I include the scroll plugin, it breaks everything.

 

On 17.09.2020 at 08:38, akapowl said:

 

Если подумать еще раз, в сценарии как таковом нет даже необходимости переводить текст-оболочку вверх с помощью анимации.

 

Вы заметите, что количество, которое текст-оболочка переводится вверх по оси Y, точно такое же, как и продолжительность прокрутки булавки.

 

 

так что на самом деле он ничего особенного не делает, такая простая прокрутка не годится - но с анимацией.

 

 

Итак, если вы установите булавку на

 

 

вместо того

 

 

 

и отрегулируйте некоторые детали в вашем CSS - я пометил соответствующие части с помощью

 

 

при желании вы можете получить тот же результат, используя на одну анимацию меньше.

 

 

 

 

 

 

[ScrollMagic and GSAP Animation]

Thank you!

 

13 minutes ago, akapowl said:

 

Hey @zloycoder - welcome to the forums.

 

My first piece of advice on this would be to not use ScrollMagic, but GSAP's own ScrollTrigger plugin. 

It is just so much more capable than ScrollMagic in every imaginable scenario.

 

There have been several questions about the effects on that page.

I'll link some for you, hoping, that I got correctly, which effects you were referring to.

 

1) Rolling Text

 

 

 

 

 

 

2) Image Change

 

 

 

Hope this helps.

 

Cheers,

Paul

 

 

[ScrollMagic and GSAP Animation]

Good afternoon!

I'm trying to make animation like on the cuberto.ru website using ScrollMagic and GSAP.

I have some questions:
1) How can I implement scrolling text without delay? That is, to always scroll the text. An example from the link above.
2) How can I implement a smooth photo change?

I don't really understand much about GSAP, although I've been trying to figure it out for the third day.
Please help me with the implementation.

 

Best wishes.