Most voted "jquery-animate" questions
23 questions
Sort by count of
-
4
votes1
answer33
viewsjquery"Animate()" is not working
I want to use "Animate()" to pass feedback to the user after a click, but the animation is not happening. I used css to determine what would be the final state of the animation and there, it worked,…
-
3
votes2
answers1413
viewsCalculate the size of the div
I’m working on a simple "Divs slider" script! There’s only one problem, when you start moving left and right it cuts a piece of Divs, I need it to move exactly in a way that it doesn’t cut the Divs…
-
3
votes1
answer91
viewsJavascript toggle or if/Else on Adobe Edge Animate
I use Adobe Edge Animate for simple animations at work. I couldn’t get one of them to work and I did a trick. Now I want to know how to do it right. I have a button. When clicked, it should play on…
-
3
votes1
answer2079
viewsScroll bottom in click event
I need the page to go down to the footer when clicked on a input. Actually when the user clicks on input and starts typing, the jQuery autocomplete is hidden by the mobile keyboard, so when it is…
-
2
votes1
answer61
viewsanimation in image
My goal is this excitement here: http://www.pullabulla.com.br/ The terrain accompanying the mouse... What I’ve done so far? css #box, body { overflow: hidden; } #box { position: relative; } #img{…
-
2
votes1
answer121
viewsHow to use Animate and fadeOut in Javascript
I’m making a website. The customer wants just one page with all the pages on it, so I thought I’d use sections. I wanted every change of section, for example from 'start' to 'agencia' to fade the…
-
1
votes1
answer407
viewsJquery animation in toggle style
By clicking a button one div appears with the effect going up to the top, with Jquery. I need that when clicking again it goes away with the opposite animation - going down. As I know little about…
-
1
votes2
answers94
viewsHow to delimit the area of the ". Animate()" of jQuery?
I would like to move the doll and it just stay inside the div, when I hit the line that bounds the square, it would stop and I couldn’t go beyond. $(document).ready(function(){…
-
1
votes1
answer45
viewsHow to trigger this progress bar?
I started studying Javascript and jQuery now, and looking for how to make a vertical progress bar found the function below: It worked perfectly as I wanted, but I would like to know how I can get…
-
0
votes1
answer2151
viewsUsing Animate.css with Hover
DESCRIPTION: I’m willing to use the Animate.css in my project, but I’m a little lost, I don’t know anything about jQuerry. PROBLEM: I did the step as it says on Github but it doesn’t work, I know…
-
0
votes1
answer163
viewsjquery element change with time interval
I would like to make 3 or more animation blocks that, when clicking, keep changing according to the seconds, until someone clicks on one of the objects. The function is working to click. Clicking…
-
0
votes1
answer331
viewsRepeat Jquery . Animate() after clicking the button
I have the following code: $(document).ready(function(){ $('#cadastre-se').click(function(){ $('.icon-cracha').stop(true, true).delay(500).animate({top: "+0"},1000); }); }); .icon-cracha{…
-
0
votes1
answer156
viewsTabbed Scroll - Stop setInterval with jQuery.mouseup
I need to implement tabs in my application, and when they exceed the area limit, I need to have the option to scroll them (horizontal scroll). I created the buttons of scroll ←, → and programmed so…
-
0
votes1
answer81
viewsHow to make "$(window). scroll" run only once?
When performing the scroll, the function performs normally, but keeps repeating every time I continue with the mouse scroll. I’d like to know how to make it run only once. I’m doing like this:…
-
0
votes1
answer18
viewsWhat is the error of this code? the animation should only work once
I have several elements with the class. track, when anyone is clicked the div #Controls appears with this animation, but I need it to occur only once. I tried several ways from the internet but…
-
0
votes1
answer122
viewshow to add semicolon in animated number that activates with the scroll movement in javascript
I am a laywoman in javascript. My boss dreams of putting such a "stopwatch" on the site (animated numbers that trigger a movement similar to a machine counting the numbers, which activate when you…
-
0
votes0
answers54
viewsDetect browser scroll not always
I have an animated header, when "scrolo" the site it changes some things with Animate, IE, when the $(this).scrollTop() > 0 (from 1 to 1 million, but only when it leaves position 0) it animates…
-
0
votes1
answer40
viewsKeep div on screen
I’d like to know how to make a div lively (I have function JQuery keydown that moves a div) but the div comes off the screen and I’d like it to be only 20 px of the margins. I have already put this…
-
0
votes2
answers123
viewsHow to know percentage of animation in CSS
I searched and did not find a function or property of the Animate attribute (CSS), to track and control the percentage of a CSS animation. That is, I want, dynamically, to know in how many percent…
-
0
votes1
answer32
viewsAnoimate function only works in Chrome
Hello! I’m playing a little game with javascript, where the program gives the player a certain amount of time to write a sentence, counts the letters, words and presents the results on a scoreboard.…
-
0
votes2
answers146
views"mouseout" of a div father is fired when the cursor is on a div daughter
I’m using the function .mouseover() and .mouseout(). Both work but I have a problem. The code below is what I’m using for this purpose. The effect always does the animation of <div>: both…
-
0
votes2
answers218
viewsjQuery’s "Immature()" does not work
I’m trying to make a relatively simple effect with the .animate() jQuery, but it’s not working. The effect in question would be to decrease the margin-top for the element to go up a bit. Note: if I…
-
-1
votes1
answer47
viewsElements that return to original size when clicked again or when a brother element is clicked
I have a table with some <td> align vertically. When clicked, the height of the <td> increases, and if another is clicked <td>, the previous one back to its original size. I also…