fand / vfx-js

WebGL effects made easy.
https://amagi.dev/vfx-js
638 stars 20 forks source link

Canvas is lagging behind when scrolling up and down #94

Open fredm00n opened 1 month ago

fredm00n commented 1 month ago

Hi again – sorry for all the recent questions!

I'm attaching a video showing a curious thing: the canvas seems to lag behind the other DOM elements when scrolling up and down.

I was wondering if you knew why and how to avoid that? It's quite noticeable when the Pixel Scan effect is surrounded by fixed html elements (text, images, etc), as seen on the video attached. It's a screen recording of a fork of your codepen here: https://codepen.io/fw3d/full/vYqzpGg

https://github.com/user-attachments/assets/9eb4331f-effc-442d-8fc6-11802683d90e

Many thanks again for your precious help.

All the best fred

fand commented 1 month ago

Hi Fred! Yeah, this is a known problem. We have an issue here and I'm thinking about a new feature to solve this, but haven't got time to do this. https://github.com/fand/vfx-js/issues/14

I'll let you know once it's done 🙏

fredm00n commented 1 month ago

Thanks! And sorry for the issue duplicate. Looking forward to it 👍