Stack Overflow
Stack Overflow

Questions tagged [jquery-easing]

A jQuery plugin to give advanced easing options.

Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing methods: linear and swing.

List of Easing Options

  • def
  • jswing
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBack
  • easeOutBack
  • easeInOutBack
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce
141 questions
3
votes
2 answers

jQuery Easing with slideUp Easing Function

I just read this question and answer from StackExchange, but the solution does not work for me. This does not work: $("#top_slide").slideUp(5000, "easeInOutQuart"); But this does work: $("#top_container").animate({height: headerHeight}, 5000,…
Livvy Jeffs
  • 159
  • 1
  • 1
  • 11
2
votes
1 answer

Jquery quicksand not scaling

Every thing is working the way I want it, the only issue is that its not scaling when you click on the filters (one bed/two bed) its only only fading. The original quciksand example fades and scales between filters Here is my…
Jamison
  • 91
  • 1
  • 1
  • 8
2
votes
2 answers

jQuery slide up/down content on mouse over/out after two seconds - bug

When mouse is over the image, span content slides down after two seconds, also when I move cursor out of image, after two seconds span slides up, that's work fine. I want to span be displayed if someone move mouse over that span too, and there my…
luka
  • 162
  • 1
  • 11
2
votes
2 answers

Jquery easing doesnt work on font size?

I would like to know if any of you have experienced this and workarounds employed if they exist. When i use animate normally on font-size it works perfectly. However, when i use easing equations along with the animate function i get the following…
Ashwin Krishnamurthy
  • 3,750
  • 3
  • 27
  • 49
2
votes
1 answer

Display list item over a div

I have a menu bar, whose menu li stretch down on mouse hover. It pushes sidewards a div below this menu bar div. But I want those stretch down lis to display over the mentioned div, without pushing it sidewards. You can have a look at what I am…
Alfred
  • 21,058
  • 61
  • 167
  • 249
2
votes
1 answer

jQuery Animations or jQuery Easing?

Stick with me on this one. I'm trying to mimick CSS3 transitions and (as an example) I quite liked how the logo came in and did a "bounce" effect on http://metalabdesign.com I've created a quick jsFiddle on how I thought this might work with jQuery…
Zach
  • 1,185
  • 3
  • 24
  • 60
2
votes
2 answers

Customize jQuery easeOutElastic function

I've got a side scrolling web site under jQuery control, with several pages that are thousands of pixels apart, horizontally. I'm using the easeOutElastic function, but the animation happens way to fast and the elastic bounce needs to be dampened. …
Gordon
  • 79
  • 1
  • 8
2
votes
3 answers

jQuery easing: How to chain animations together as one easing animation?

I have two animations that I would like to group as one animation so that the easing will carry over and continue into the next animation. The second animation needs to start after the first one has finished. This is what I have so far, but the…
Andrew
  • 227,796
  • 193
  • 515
  • 708
2
votes
1 answer

having jerks when playing video on mousemove

I am facing a problem with video playback when mousemove function is applied. the function is working but when the video is played it has jerks. I want it to be smooth with an easing function maybe. Please guide me on how to play video without…
Super Stack
  • 37
  • 6
2
votes
1 answer

jQuery - SlideDown easing

i was wondering if there is any way to make a slideDown() movement to look more smooth without the use of jQuery UI, just plain jquery. I have this function: function optionz(){ $("#panel").slideDown('fast', function(){ …
Souza
  • 1,124
  • 5
  • 19
  • 44
2
votes
2 answers

"$.extend is not a function" while using jquery.easing in nuxt.js

I made an app in Vue.js that I'm trying to adapt in Nuxt.js. For the scrollspy I used jquery.easing in Vue.js so I wanted to do the same in Nuxt.js. A little like you import jQuery in Vue.js main.js file, I created a plugin in Nuxt to add jQuery and…
Oscar Lefebvre
  • 21
  • 4
2
votes
0 answers

How to: google-maps-react marker easing

I am working on a react web client app that listens for a json array of gps coordinates and updates markers on a map accordingly (using google-maps-react). Everything works as expected, however, the markers appear to flicker as they move. I think a…
Jack
  • 51
  • 6
2
votes
3 answers

jQuery fadeIn ease

I use below jQuery script to fade in my dropdown-menu. How do I use easing in this example? $('ul.navbar-nav li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(50); }, function() { …
meez
  • 3,783
  • 5
  • 37
  • 91
2
votes
1 answer

Seeking jQuery-based transition library

I'm looking for a library (or plugin) that help me create a slideshow where (besides the simple ordering of images) I'm able to define the beginning and ending positions (either X/Y, or Zooms) for a given image and the plugin animates the…
justSteve
  • 5,444
  • 19
  • 72
  • 137
2
votes
1 answer

localScroll and easing scrolling troubles

I'm using localScroll and easing to smoothly scroll my site: http://www.pressedweb.com/beta Everything is cool, but if the user tries to scroll before localScroll or easing are done doing their thing, it starts flickering and consistently tries to…
corysimmons
  • 7,296
  • 4
  • 57
  • 65
1
2
3
…
9 10