Hello @Shaun Gorneau and all,
I found my problem So here is what I did :
ScrollTrigger.create({
trigger: this.$target,
//refreshPriority: 0,
invalidateOnRefresh: true,
pin: this.$wrapper,
//pinType: typeof window.SB !== 'undefined' ? 'transform' : 'fixed',
//pinType: document.querySelector(".scroll-content").style.transform ? "transform" : "fixed",
pinType: "transform",
//pinSpacing: 'padding',
preventOverlaps: true,
anticipatePin: 1,
scrub: 0.5,
start: "bottom bottom",
end: '+=2700',
//end: () => "+=" + innerHeight,
markers: true,
onEnter: function () {
window.SB.setMomentum(0, 0);
window.SB.options.damping = 10;
},
onEnterBack: function () {
window.SB.setMomentum(0, 0);
window.SB.options.damping = 10;
},
onLeave: function () {
window.SB.options.damping = 0.12;
},
});
I realized that with the value at 10 in damping my problem disappeared.
So i paused smoothscrollbar by re-entering the section once scrolltrigger throws the pin.
And the same when you get back into the section
Thank you