Questions tagged [jquery-animate]
Refers to jQuery's animate() method. For generic graphical animations, see the animation tag.
6,157
questions
0
votes
0
answers
41
views
Matplot Animated
I am currently programming a GUI with Tkinter. The whole thing is running on a Raspberry Pi 4.
In this GUI, a driving cycle is read from an Excel table and animated in the GUI as a graph. A USB OBD2 ...
0
votes
2
answers
39
views
Animate Alpha ImageView Fade In Fade Out
In the observe method of a view model, a new Observer is listening for an API response which is working correctly. However based on the response, it is calling the following code to show a success or ...
0
votes
0
answers
27
views
Why I'm having the error ((jQuery.event.special[handleObj.origType] || {}).handle || handleObj.handler).apply is not a function
I'm trying to import a custom jQuery plugin and apply it on a mouse move event via javascript. But I'm having an error ((jQuery.event.special[handleObj.origType] || {}).handle || handleObj.handler)....
0
votes
1
answer
14
views
JQuery .animate scrollTop fails to scroll TV presentation
I've been trying to scroll a long/large with JQuery .animate. But I'm not getting ANY movement. I'm including the html of divs and output before and after .animate.
Any help would be greatly ...
0
votes
0
answers
51
views
FLTK realtime plotting
Please help me plot real time graph with Fast Light Tool Kit(FLTK) 1.3.8.
I use eclipse CDT. Referred to some code at this location but could not help.
I am a beginner (for FLTK).
Require to plot a ...
0
votes
0
answers
27
views
jquery 'animate' backgroundcolor'
I applied 'animate' to element 'card_id' on the next lines but it doesn't work, Can someone help and support me please?
window.navigate_item = function (id) {
let item = data.find(i => i.ID == id)...
0
votes
0
answers
22
views
Dynamic text in Animate CC and URL mapping
I am having trouble figuring out how to work with dynamic text. I have to create an ad for 6Sense and map company names to URL's. 6Sense gave me some code to incorporate into my html and js files but ...
0
votes
0
answers
7
views
An unkwon option in flash
I noticed that when you select a text in animate 2021, a session called option - where you can put a link- is shown in panel property/object, but I do not know exactly how to use this, could someone ...
0
votes
1
answer
121
views
How to change the Color of a MathTex in Manim (animation)?
function14 = MathTex("4", "a", " - ", "2", "b", " + ", "1", "c", " = ", "0",
font_size=40).move_to([...
0
votes
0
answers
55
views
CSS animation won't play when I add a class using jQuery
I am trying to add a fadeout transition animation from 100 opacity to 0 opacity for a given div by adding the animate-fadeout class to the div, but it's not working. I am using Tailwind CSS, here is ...
0
votes
0
answers
22
views
Dynamic texts from a JSON file into Adobe Animate
Newbie here…is there a simple way to load dynamic text fields from an external JSON file (located in the same folder as he Animate project) for later translation? I have several dynamic text field ...
0
votes
0
answers
18
views
Add a photo that pulls from what the user photo has using Adobe Animate and Javascript
I am trying to figure out how I can add an agentInfo_photo here in the code. I have tried adding if(agent_photo) but it wont load or pull out from profile and it makes other elements static. Any ...
0
votes
0
answers
32
views
How to avoid executing .animate() jquery function for some DOM elements
I am modifying chessboard.js code. In this library .animate() function is called for every piece that is moved by user:
var opts = {
duration: config.snapSpeed,
complete: onAnimationComplete
...
0
votes
0
answers
34
views
Adobe animate animation export/publish to android device
The animation does not show in my A30s samnsung mobile
What is the workflow recommende?
I already spent more than 20 hors and am none the wiser
I tried the Export and Publish options related to HTML/...
0
votes
1
answer
194
views
Slide in div on page load and then click to slide in and out (jQuery)
I'm a jQuery/Javascript newbie and I'm struggling with the final piece of a click-to-toggle animation.
I'd like a div to slide in automatically on page load, and then afterward be able to click a ...
1
vote
1
answer
32
views
How to animate button view in the end of scrolling webview content?
I'm trying to find how to animate the button view after the scrolling end, so it's not that snappy.
How to do that? (i want to upload the video buat i don't know how)
so here's the screenshots
Here's ...
0
votes
2
answers
106
views
How can I make a scroll animation to bottom and top, and pause it on mouse hover and continue on mouse leave?
I am designing a website for a master's course and need help with adding an automatic scroll animation to each section of a vertical accordion. The animation should make scroll to the bottom and top, ...
0
votes
0
answers
37
views
How can I make the 'previous' button return to the first slide properly?
I am doing a course for JavaScript in Coursera and there is a project to create an image slide using jQuery. The button for the "next" image is working fine, but the "previous" ...
0
votes
1
answer
39
views
ScrollToTop exibits odd behaviors when using jQuery .animate
I am trying to implement Scroll To Top functionality on a website. The script works as expected when I simply fade the button in and out like so ...
jQuery(document).ready(function(){
jQuery("#...
0
votes
0
answers
53
views
How to highlight google markers when we scroll horizontal list in flutter?
How to highlight google marker when we scroll list horizontal.
i want the same functionality that we have in google maps app when we search any place or shop in app
check image
so how can we achieve ...
2
votes
1
answer
75
views
Animate this CSS when comes into view
I have the following animated line. I have tried several times to add .js to make it where the line animates each time it comes into view on desktop and mobile - and animates only when in viewport/...
0
votes
0
answers
23
views
Access root variable from object in Adobe Animate
In Adobe Animate, using the HTML5 canvas, I've created a boolean variable at the root level called var_grandparents. I've now created a movie clip. When the movie clip gets to a certain frame, it's ...
0
votes
1
answer
181
views
Slowly hide a banner on scroll down and bring back on scroll to top of page
I'm trying to slowly hide a banner (within a fixed element) on scroll down, and then when the user scrolls back to the top of the page, bring the banner back. I'm using jQuery.
I've tried using:
...
1
vote
1
answer
98
views
Get equivalent native JavaScript for this JQuery animate(scrollLeft) function?
I'm looking for the following jQuery animate() function for native (vanilla) JavaScript:
<script type="text/javascript">
$(document).ready( function() {
$('#btn-menu-nav-...
0
votes
1
answer
55
views
Change of ease in animate(), Jquery, doesn't work
I tried changing the ease I also tried using the jquery ui easing package, to try with other easings but it doesn't work, I just want to put it in 'linear'.
$('#slidemenu ul > li > a').on('click'...
0
votes
0
answers
33
views
Adobe animate for android zoom
Is there any way i can zoom on specific object, for example picture on flash android app. Lets say i have a photo and i want user to be able to zoom it normally. The way adobe has it in its script its ...
0
votes
0
answers
18
views
How can i get button works on all frames
Im working with some flash animate project on Adobe Animate, and i have problem.
I set navigation layer, and each time i set home for example or another button with active script orders, its OK. But ...
0
votes
1
answer
128
views
SVG + Javascript: Find all numbers in path and create array, but keep other characters
My goal today is getting all Path elements from an inline SVG like so:
<path d="M457,262c-75,284-118,142-228,142S-14,425,60,262c42-92,106,125,198-185 C368,7,484,163,457,262" />
...
0
votes
1
answer
455
views
How can I animate a <path> object in SVG
<g id = "doc">
/*Doc*/
<path d = "M 100 100 L 150 100 L 170 120 L 170 190 L 100 190 L 100 100 Z M 150 100 L 150 120
L 170 120 M 120 ...
0
votes
1
answer
108
views
JQuery animate({scrolltop: top}, 800) is not smooth in chrome
I am trying to use smooth scrolling between section on my site.
I have tried manually scrolling as well by running $('html,body').animate({ scrollTop: 2000 }, 800); from the console.
Everything works ...
0
votes
0
answers
221
views
GSAP - ScrollJacking and Anchors not working properly
So far I've been working on this scroll-jacking section for this website and never have used GSAP before and have gotten myself just burned out and confused on what to do.
For starters when ever you ...
0
votes
0
answers
83
views
Framer motion wont animate my a certain div in my models.jsx component
I have a div that wont animate in no matter what i do...this div on only renders if a condition is met
i have tried changing the transtion type to see if it would animate but it just pops in
`
mport ...
-1
votes
2
answers
44
views
jQuery: get animate to repeat only after full completion
EDIT: thanks to mplungian, I now know about debounce and particularly about throttle which seems a very good solution to my problem. But I don't know how to implement this with jQuery "animate&...
0
votes
1
answer
434
views
Animate element on scroll not responsive
I have a scroll animation which is working in a 'test' page: https://wordpress-899937-3173615.cloudwaysapps.com/test/
The problem is I cannot make it work on the final page because the height of the ...
0
votes
0
answers
97
views
Can not seem to add 2 different animations to Animated.Image in react native
I have a bit of code that displays an image and when the image is clicked, it spins round to the right and if clicked again it spins round to the left. All is working but I have added another ...
0
votes
0
answers
115
views
Object moving between random positions, how to put speed limitation with CSS or Javascript?
I have a keyframe animation in css like this:
@keyframes anim-target1 {
0% {
scale: 0.24;
transform: translateX(0) translateY(0);
}
100% {
scale: 0.24;
...
0
votes
0
answers
22
views
why jQuery animate is not behaving properly
The HTML has a parent-div and inside 2 other div's where the initial one is already visible.
Using the following jQuery code, I need to have on mouseover :
make 'child_initial' invisible
only ...
1
vote
0
answers
13
views
trouble editting a jquery function that contains onclick and animate
Wanting to remove the decimal places within this current "jquery" function, I read that it is "to.fixed()", i just don't know where to type it in???
$(document).ready(function() {
...
0
votes
1
answer
111
views
I want to use svg animation from a wordpress theme in my own html site
https://digitalpro.liquid-themes.com/
I'm trying to make the motion picture that we see as ss. I did the same but it's not moving
-1
votes
1
answer
30
views
Jquery Animate won't change color
I am working on a website utlizing Jquery. I know Jquery works because I have tested it on other elements but for some reason I can't animate a button to change color.
This is the javascript for the ...
0
votes
1
answer
94
views
How to add fade out after few seconds in append content in javascript
first of all, I am not sure how to ask this properly. I hope you can understand based on the piece of code I provide below.
The code below basically appends every new content from bottom to top. I ...
1
vote
1
answer
37
views
Why scroll functionality is not running on scroll in html file
This is the section I actually want to include in my HTML file, as you can see. I want to alter the backdrop colors when scrolling. I am unable to identify the problem that is preventing it from ...
0
votes
1
answer
86
views
ImageView background change while .animate() [Java][Android Studio]
I'm trying to do some 'nice' animation during rotation of the image.
I mean, I'm trying to change image bacground while the rotation reach 90f (is totally invisible), to continue rotation with other ...
0
votes
1
answer
35
views
When you click on the button and on the picture, there should be a shift to the left by 100 pixels, but this does not happen why?
When you click on the button and on the picture, there should be a shift to the left by 100 pixels, but this does not happen why?
I try to move some elements using Jquery, but it doesn't work.
$(...
1
vote
1
answer
85
views
How to perform jquery script only once?
I use the isInViewport script to play the video on scroll, but it doesn't look very good because it happens multiple times. Please tell how to limit the triggering of animation or video playback to ...
2
votes
1
answer
812
views
Scroll to the top of the page and back to previous position onclick using Jquery
$('.course-header').click(function() { $("html, body").animate({scrollTop: 0}, "smooth"); return false; });
The page will scroll to the top of the page when ".course-header&...
1
vote
2
answers
77
views
How to remove glitch from jQuery infinite background loop?
I have a background image set to loop infinitely on a 10 second CSS animation. I'm using jQuery to find the height of the image based on the users screen size. Then I use background-position-y and go ...
0
votes
1
answer
31
views
Canvas project not properly rendering function
I cannot seem to get my Rect to render in real time no matter how much I try. The player.update() method only seems to work when it's not nested in the animate function, cause when I put the player....
-2
votes
1
answer
26
views
how can i make this jQuery scroll smoothly to the div i am targeting
$(function() {
$('#exampleModal').modal({
show: true,
keyboard: false,
backdrop: 'static',
});
$('.workbook_link').click(function() {
$('html, body').animate({
scrollTop:...
-1
votes
1
answer
87
views
why my animate to change width%height doesnt work
$(".btn").click(function(){
if($($(this).parent().parent()).width() == "100%" ){
$(this).parent().parent().stop().animate({
top : 0,
...