Questions tagged [jquery-animate]

Refers to jQuery's animate() method. For generic graphical animations, see the animation tag.

Filter by
Sorted by
Tagged with
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 ...
XoniixX's user avatar
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 ...
Imran's user avatar
  • 75
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)....
bob's user avatar
  • 33
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 ...
Jack's user avatar
  • 79
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 ...
Brijesh B Naik's user avatar
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)...
Donovan Mendoza's user avatar
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 ...
wdesign's user avatar
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 ...
Se7h's user avatar
  • 1
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([...
Hütti's user avatar
  • 60
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 ...
justdoingmyjob's user avatar
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 ...
Jon Simpson's user avatar
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 ...
melly's user avatar
  • 1
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 ...
023_Dhairya Dave's user avatar
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/...
otherelse's user avatar
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 ...
Carly's user avatar
  • 3
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 ...
Aldo Sugiarto's user avatar
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, ...
Maria Bastos Proença's user avatar
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" ...
Klei Demiri's user avatar
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("#...
5150 Design's user avatar
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 ...
archana's user avatar
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/...
Willjamin's user avatar
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 ...
PJS's user avatar
  • 1
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: ...
Kelly's user avatar
  • 65
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-...
user avatar
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'...
lucianopinochet's user avatar
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 ...
K Šiljo's user avatar
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 ...
K Šiljo's user avatar
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" /> ...
Erwin's user avatar
  • 53
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 ...
Sk8's user avatar
  • 3
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 ...
Jacob Lewinski's user avatar
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 ...
Dilion Smith's user avatar
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 ...
Mahmoud Mohammed's user avatar
-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&...
Bachir Messaouri's user avatar
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 ...
Lisandro Cejas's user avatar
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 ...
JulesUK's user avatar
  • 381
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; ...
Fredrik's user avatar
  • 25
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 ...
jochen thomas's user avatar
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() { ...
dizzy's user avatar
  • 11
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
huseyn ismayilov's user avatar
-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 ...
Trevor's user avatar
  • 35
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 ...
rich's user avatar
  • 71
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 ...
sohaib's user avatar
  • 684
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 ...
Dominika Wilk's user avatar
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. $(...
kR0Un's user avatar
  • 3
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 ...
Otkambinok's user avatar
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&...
The humble learner's user avatar
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 ...
Ben J's user avatar
  • 59
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....
Brad Brown's user avatar
-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:...
Vishant Sehrawat's user avatar
-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, ...
Keith paul's user avatar

1
2 3 4 5
124