Verwenden von gsap, um zu einem bestimmten Element mit der Element-ID in einem HTML-Div-Container zu scrollen ⇐ HTML

[Guest]

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: Select all

.....

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: Select all

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

aber es hat nicht funktioniert, ich frage mich, wie man das am besten in gsap macht