i only started using gsap recently, i wanted to use the ScrollTo plugin to animate a horizontal scroll via buttons. but i can't make it work i don't know what the issue is :'((
gsap.registerPlugin(ScrollToPlugin);
const avis1 = document.getElementById('avis1');
const avis2 = document.getElementById('avis2');
const avis3 = document.getElementById('avis3');
const b1_2 = document.getElementById('b1_2');
const b2_3 = document.getElementById('b2_3');
const b2_1 = document.getElementById('b2_1');
const b3_2 = document.getElementById('b3_2');
b1_2.addEventListener("click", () => scrollAvis(avis1, avis2));
b2_3.addEventListener("click", () => scrollAvis(avis2, avis3));
b2_1.addEventListener("click", () => scrollAvis(avis2, avis1));
b3_2.addEventListener("click", () => scrollAvis(avis3, avis2));
function scrollAvis(container,targetElement){
// console.log(targetElement.offsetLeft);
// console.log(container.offsetLeft);
gsap.to( container,{
scrollTo: {
x: targetElement
},
duration: 0.5,
ease: "power3.out"
});
// console.log(targetElement.offsetLeft);
// console.log(container.offsetLeft);
}
any kind of help is appreciated