Programmiererforum

.....

const scrollTo = ( id : string) => {
console.log('scrollTo',id);
gsap.to("#container", {
scrollTo: { id: id }, // 'element4'
duration: 1
});
}

Dies ist ein HTML-Container mit einer Liste von Elementen, außerdem ist er so gestaltet, dass er mit einer Y-Achsen-Bildlaufleiste automatisch überläuft.
[code]


.....

[/code]
Was ich tun möchte, ist, auf ein beliebiges Element im HTML-Container zu klicken, und die Bildlaufleiste würde automatisch diese Position suchen und dorthin scrollen.
Ich habe versucht, es wie folgt in gsap zu implementieren
[code]const scrollTo = ( id : string) => {
console.log('scrollTo',id);
gsap.to("#container", {
scrollTo: { id: id }, // 'element4'
duration: 1
});
}
[/code]
aber es hat nicht funktioniert, ich frage mich, wie man das am besten in gsap macht