SteinbachDigital

found it. scrollsmoother jumps in. think I have to move the section out of the scrollsmoother wrapper. thx for pushing me to fixed position check

just tried it with the original airpod images and nothing changed. It looks more like the pin is not really "fixed". it jumps 1-2px down and then again up. and this every image change.

Hi and yes another airpods question (sorry)! The animation is running fine on desktop and also iphone. but on my ipad the animation is not smooth at all. the main difference is that I pinned the canvas. const canvas = document.getElementById(hero); const context = canvas.getContext("2d"); canvas.width = 1920; canvas.height = 1080; let startTop = 75; let frameCount = 33; const currentFrame = index => ( `images/content/anim/hero/gate_${(index + 1).toString().padStart(3, '0')}.jpg` ); const images = [] const thegate = { frame: 0 }; for (let i = 0; i < frameCount; i++) { const img = new Image(); img.src = currentFrame(i); images.push(img); } gsap.to(thegate, { frame: frameCount - 1, snap: "frame", ease: "none", duration:"3", scrollTrigger: { scrub: true, pin:$("."+herocontainer), pinSpacing:true, start:"top "+startTop+"px", }, onUpdate: render // use animation onUpdate instead of scrollTrigger's onUpdate }); images[0].onload = render; function render() { context.clearRect(0, 0, canvas.width, canvas.height); context.drawImage(images[thegate.frame], 0, 0); } hope you have any idea how to improve the ipad performance. thx! ToM

oh my fault. stupid me I just created an account, but no membership. so sorry

sorry, I changed my previous answer because I was able to downgrade. downgraded to 3.10.2. same error.when I look into my node_modules folder of gsap I cant see a file called scroolsmoother. I think the file is missing.

downgraded to 3.10.2. same error. when I look into my node_modules folder of gsap I cant see a file called scroolsmoother. I think the file is missing.

Hi, I just wanted to give scrollsmoother a try. My normal gsap setup runs good, until I register Scrollsmoother. import {gsap} from "gsap"; import {ScrollTrigger,ScrollSmoother} from "gsap/ScrollTrigger"; //without this line, ScrollToPlugin may get dropped by your bundler (tree shaking)... gsap.registerPlugin(ScrollTrigger,ScrollSmoother); added gsap@3.10.3 via yarn. any idea what is wrong? thx ToM