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
0
votes
2 answers

Easing function with Velocity.js don't work properly

I call a velocity.js function to show/hide a navbar up to the viewport. I have two functions to achieve this. function openNav(){ $('.navigation').velocity({height: "87vh"},{duration: 1000, display: 'block'}); } function…
Wonderman
  • 931
  • 10
  • 21
0
votes
2 answers

How to close sidemenu on clicking on of its list items?

I am using this example as stated here http://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/. From this i have been using Elastic example. This example works great and menu closes if i click outside menu body but how can i make it close if…
Vivek Singh
  • 61
  • 1
  • 8
0
votes
0 answers

jQuery easing plugin integration

I'm a js newbie and I'm trying to integrate the jQuery Easing Plugin (http://gsgd.co.uk/sandbox/jquery/easing/) into some of my .js: $(function() { var $root = $('html, body'); $('.project').click(function() { var href = $.attr(this,…
Javier
  • 1
  • 3
0
votes
1 answer

slideup and slide down with animate easing

I need a smooth slide effect and i cant seem to understand what I am doing wrong. I have tried the following $(document).ready(function(){ $('.drop2').click(function(){ var $next = $(this).parent().next('li.drop_down2'); …
Matt Elhotiby
  • 43,028
  • 85
  • 218
  • 321
0
votes
1 answer

Animate scrollLeft & scrollTop on mousemove

I want to scroll the HTML page based on the mouse cursor movements, so that when moving the mouse cursor in any direction (X & Y), the scrollbars of the page move with it, scrolling the page. I'd also like the scroll to have an easing, so that it…
gordy
  • 1
  • 1
  • 2
0
votes
2 answers

Adding linear easing to animation

The red box increases in height from 0 to its full height, but it does it with swing easing. I can't work out how I can make it linear. I've tried this, and a few other things, but I can't get it to work: $("#movement").animate({"height":…
Sepia God
  • 13
  • 1
  • 4
0
votes
0 answers

can HTML content follow up fancybox easing?

I have tried to make animation to the popup window that appears with fancybox, the only problem is that I would like that the html content must follow up the animation as if all html are one block, I tried here jsFiddle, openMethod :…
meksof
  • 21
  • 6
0
votes
3 answers

JQuery ScrollLeft with easing

I am trying to scrollLeft with an easing applied. It scrolls just fine if I took out the ease $("#content").animate({ scrollLeft: '+=' + $(window).width() }, "slow"); But when I try to add an easing to the animation $("#content").animate({ …
Bobby W
  • 836
  • 8
  • 22
0
votes
1 answer

Tone down jQuery Easing's bounce

I'm using the jQuery Easing plugin and using the bounce easing effect. I like it, but it's so incredibly drastic. I need to tone it down (probably removing a bounce and making the curves less drastic. I've found this post, but I'm actually not a…
Joel Worsham
  • 1,140
  • 1
  • 7
  • 19
0
votes
1 answer

jQuery easing bug in Chrome: messy and leftover pixels

I was working on this answer: jQuery easing not working in my animate() call And noticed that sometimes when I hover over the square, some messy pixel lines remain visible. This can be seen in the following jsFiddle: Example Sometimes when hovering…
Jean-Paul
  • 19,910
  • 9
  • 62
  • 88
0
votes
1 answer

How can I keep a tab open when I hover and then make it close when I move away my mouse?

I'm using this code at the moment. Every time I hover over the tab it opens, but when I try to click on the links in it, it automatically closes.