Scroll to Animating Div
Hi,
I have 'a' tags in my header with href pointing to a div that has animation. The animation applied to the div translates it along Y axis. I have used animation-timeline: scroll() on the div. So, as I scroll the page, the div translates (parallax effect (I have so many moving divs)). But the main issue is, due to this animation, when I click on the 'a' tag it is not taking me to the expected position because the div is translating. I thought of using offset, but since the animation speed depends on height of the total page (scroll-length), its very dynamic and I have no idea what to do. Any idea how to fix this without changing much structure?
I have 'a' tags in my header with href pointing to a div that has animation. The animation applied to the div translates it along Y axis. I have used animation-timeline: scroll() on the div. So, as I scroll the page, the div translates (parallax effect (I have so many moving divs)). But the main issue is, due to this animation, when I click on the 'a' tag it is not taking me to the expected position because the div is translating. I thought of using offset, but since the animation speed depends on height of the total page (scroll-length), its very dynamic and I have no idea what to do. Any idea how to fix this without changing much structure?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
