SCROLL LOCK Laggy

Hello all,

I am facing a problem about the scroll lock on a bloc (full screen)
this option is amazing: being able to lock a block during few actions to let appear texts & animations on the scrolling is AWESOME and I would like to use as best as possible

So my troubles are that it is crazy laggy and I don’t know what to do to solve it.
I just applied this scroll lock on this blocs and only developed on XS for the purpose of the example (also the rest of the website is “on work” so tons of mistakes and works to do)
so please let’s focus on this only, thank you :wink:

the website (on a sandbox):
https://www.c-lemaire.co.jp/sandbox.c-lemaire.co.jp/index.html

the problem is on this part is that the progress bar jumps at the end of the animation
the texts (title, paragraph and also the button on bottom) “flash” or has weird behaviors (depending of the speed of the scrolling when the scrolling comes back to normal

if I scroll down very very slowly everything is almost perfectly smooth but not perfect (without parallax it looks little bit better)
if I scroll down normally or quicker it is weird

maybe there is some gold rules (about delay, resistance, parallax or not, etc) on the different parts to apply to have the best experience?

waiting for your advices
thank you

so the axioms:

about the bloc itself:

about the different parts:

TITLE

PARAGRAPH

BUTTON