Animate on scroll
Hello, could you guys help please?
I’m having trouble animating my h1’s on scroll, everything seems to work fine when I animate it with pure css, unless I use phone browsers.
Then I tried AOS GitHub library. And there seems to be problem with putting it on h1
I also tried to put h1 in a div, doesn’t seem to work right as well.
Could you maybe advise me a solid way to animate my web-pages?
4 Replies
Can you provide a minimal reproduction of what you tried in a codepen. There's no way to help you here without looking at your code.
I’ll try once I’m back at pc. But the point was my code was correct. With using AOS library.
I just prefer to get help on animating certain parts of the page on scroll.
I’ve seen some examples using intersection observer. But I not that good with js and I’m already using intersection observer for one button.
“Scroll to top” button
Without seeing what you've tried, it's hard to say for sure if there is a simple fix that you can update, or if you should take a completely different approach
I like to use GSAP ScrollTrigger for doing scroll based animations. But yeah, share a CodePen so we can see your approach.