Hey @andsavu, I leave here a pen with a solution for your issue, so, as you can see I did a correct bind for ScrollTrigger and Smooth-Scrollbar, if you will use just a horizontal scroll you need to do this:
// Setup Scrollbar
const scroller = document.querySelector("#scrollbar");
const bodyScrollBar = Scrollbar.init(scroller, {
overscrollEffect: "bounce",
alwaysShowTracks: true,
delegateTo: document
});
ScrollTrigger.scrollerProxy(scroller, {
scrollLeft(value) {
if (arguments.length) {
bodyScrollBar.scrollLeft = value;
}
return bodyScrollBar.scrollLeft;
}