Here is codesandbox.io link
https://codesandbox.io/s/magical-leakey-79k9x6?file=/src/App.js
When scroller-start hit start mark the box immediately drop down. Once I switch version to 3.11.0 it just works fine
Here is the code
just simple pin feature, nothing fancy
ScrollTrigger.create({
trigger: texts.current,
pin: true,
start: '+=200 center',
end: '+=' + (container.current.offsetHeight - 700)
});
I downgraded to 3.11.0 version, then its working
I found bug with version 3.11.3
pin on ScrollTrigger not working as it should. The item to pin suddenly goes down. I open inspect tool and I found the transform (translate y axis) change to end value once reach start marking
I downgrade the version, then it all work as it should