Category : jquery-animate

jQuery animate.scrollTop() is ignoring whatever value I use as duration. for instance, it takes the same amount of time whether I use this: element.animate({ scrollTop: 1000 }, {duration:10}); or this: element.animate({ scrollTop: 1000 }, {duration:5000}); Here’s a minimal fiddle: https://jsfiddle.net/n3r971w I have looked at the following related questions: https://stackoverflow.com/questions/26203214/duration-time-ignored-jquery-slidedown (incorrect easing parameter) https://stackoverflow.com/questions/43356850/jquery-animate-ignoring-duration (CSS conflicting) ..

Read more

I’m trying to make horizontal animation like this one (cars riding on the road by scroll) https://prime-logistik.at/en/fleet/ . Unfortunately, this animation in my example was made by the WordPress plugin. I have made CSS parallax effect by "fixed background" method and have tried to make cars like progress bars, but it doesn’t work well. I’ve ..

Read more

I got this bar animation off of the internet. I want to make it into vertical bars. How can I make this happen? Here is the full code, just copy and paste it into your files: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript Animated Bar Graphs | Webdevtrick.com</title> <link rel="stylesheet" href="main.css"> </head> <body> ..

Read more

I’m building a simple React app that needs to do one cool thing: scroll through a stacked set of cards that trails off into the far distance. Basically, ripping off old-school OSX Time Machine: Scrolling forward (hitting the up arrow) should discard the top card and move the whole stack down to take its place; ..

Read more