I'm trying to create a scroll-based effect in Svelte where the background remains static and the text content fades in and out as you scroll. The text should appear at the exact same position on each transition, and the background color should change smoothly during the transition. How can I achieve this effect efficiently, and are there any libraries or templates that simplify the process?
I've searched Google for examples or templates, but I can't find anything that does what I'm looking for.