Verwenden von gsap, um zu einem bestimmten Element mit der Element-ID in einem HTML-Div-Container zu scrollen
Posted: 03 Jan 2025, 11:17
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.
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
aber es hat nicht funktioniert, ich frage mich, wie man das am besten in gsap macht
Code: Select all
.....
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
});
}