mriz Posted December 19, 2021 Share Posted December 19, 2021 HI, I am trying to create timeline animation with scrolltrigger. sometime it works perfectly but someties it doesn'nt any help appreciated as i have seen guys helping around here. See the Pen poWwrgX by rizfolio (@rizfolio) on CodePen Link to comment Share on other sites More sharing options...
OSUblake Posted December 19, 2021 Share Posted December 19, 2021 Welcome to the forum @mriz We'd like to help, but I'm not sure what it is you're needing help with as I've tried that CodePen many times, and everything seems to work fine. Are you have problems with that CodePen, or just on local/live site? Link to comment Share on other sites More sharing options...
Solution PointC Posted December 19, 2021 Solution Share Posted December 19, 2021 Yeah - I can see the .champ-overlay div isn't animating. If you remove the<html> ,<head> & <body> elements from the HTML panel it will work. Note: they shouldn't be there. Only the HTML from your <body> element needs to be in that panel. You can also fix it by setting your CSS: html, body { height: 100%; } Happy tweening. 1 Link to comment Share on other sites More sharing options...
mriz Posted December 19, 2021 Author Share Posted December 19, 2021 37 minutes ago, PointC said: Yeah - I can see the .champ-overlay div isn't animating. If you remove the<html> ,<head> & <body> elements from the HTML panel it will work. Note: they shouldn't be there. Only the HTML from your <body> element needs to be in that panel. You can also fix it by setting your CSS: html, body { height: 100%; } Happy tweening. Thank you so much for the quick help. Spent a few good hours pulling my hair. Also changed from => fromto as well Link to comment Share on other sites More sharing options...
mriz Posted December 19, 2021 Author Share Posted December 19, 2021 1 hour ago, OSUblake said: Welcome to the forum @mriz We'd like to help, but I'm not sure what it is you're needing help with as I've tried that CodePen many times, and everything seems to work fine. Are you have problems with that CodePen, or just on local/live site? Thanks for the reply, it was not animating the background and only worked few times. PointC solution partially worked. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now