darkiz0131
KPCKevin Powell - Community
•Created by darkiz0131 on 4/14/2024 in #front-end
Problem with GSAP animation(?)
When i first time load the page on mobile, it does this weird page shifting (gsap animation). When you refresh the page, GSAP scrolltrigger animation is working just fine, but not when you first time open it....
https://batman4ever87.github.io/jt/
import "./song.scss";
import Player from "../../components/player/Player";
import { useGSAP } from "@gsap/react";
import gsap from "gsap";
import { ScrollTrigger } from 'gsap/ScrollTrigger';
gsap.registerPlugin(ScrollTrigger);
gsap.registerPlugin(useGSAP);
const Song = () => {
useGSAP(() => {
gsap.to(".song", {scale: 0.7, filter: "blur(15px)", scrollTrigger: {
trigger: ".song",
scrub: 1,
pin: true,
start: "top 20%",
end: "bottom center",
}})
})
the code im using for the animation
1 replies
KPCKevin Powell - Community
•Created by darkiz0131 on 3/30/2024 in #ui-ux
UX Mobile Page scrolling...
On mobile i have this weird shiftin where container goes up and down when scrolling. I dont understand why it does this, its not because of the gsap animation because i tested it. I also made the font bigger and it does that but why. Or if its not the font, what does that.
https://batman4ever87.github.io/jussi/
17 replies