I finished a website today that has some gsap with scrolltriggers included.
I develop on Chrome (MacOS) and on Chrome the animation is exactly like I would like it to be.
But in Safari and Firefox the animations start way later than in Chrome. I haven't found anything in the Forum about this.
Maybe someone can give me a hint what the problem might be. The Elements are Divs
This is the script I use:
window.onload = function() {
gsap.registerPlugin(ScrollTrigger);
const fadeinAnim = document.querySelectorAll(".scroll-into-view");
fadeinAnim.forEach(element => {
gsap.from(element, {
opacity:0,
y:100,
duration: 1.5,
scrollTrigger: {
trigger: element,
start: "top bottom"
}
});
})
}
I've attached some screenshots with markers.
The website is: https://evw-insektenschutz.de/
Thank you.