How to add scroll animation

i have an image that i want to be fix on the browser but i want to add some shader and line when scroll.
it will be more or less like an animation on that image

Hi.
Creating an animated effect on an image using Three.js while keeping it fixed in the browser is a fun project!
First, you need to set up a basic Three.js scene.(This includes creating a scene, camera, and renderer.)
Next, you’ll want to add your image as a texture to a plane geometry. This will be the fixed image in your scene. To create an animation effect based on scroll, you can listen for the scroll event and update the shader or lines accordingly.
To add shaders, you can create a custom shader material.
Finally, you’ll want to create an animation loop to render your scene continuously.
Please try once.

please any resources to back it up