如何在jQuery插件jQuery.ScrollTo中使用缓动? [英] How to use easing in the jQuery plugin jQuery.ScrollTo?
本文介绍了如何在jQuery插件jQuery.ScrollTo中使用缓动?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
网站仅提及缓动选项:
# easing: Name of the easing equation.
但是没有例子.
如何使用此功能?
推荐答案
示例在此处: http://demos.flesler.com/jquery/scrollTo/
使用方式如下:
$.scrollTo( '#options-examples', 800, {easing:'easeOutQuad'} );
这些缓动功能不是内置的.您可以使用 jQuery轻松插件.然后提供以下缓动功能:
These easing functions don't come built in though. You can use the jQuery Easing plugin. This then supplies the following easing functions:
- jswing
- easeInQuad
- easeOutQuad
- easeInOutQuad
- easeInCubic
- easeOutCubic
- easeInOutCubic
- easeInQuart
- easeOutQuart
- easeInOutQuart
- easeInQuint
- easeOutQuint
- easeInOutQuint
- easeInSine
- easeOutSine
- easeInOutSine
- easeInExpo
- easeOutExpo
- easeInOutExpo
- easeInCirc
- easeOutCirc
- easeInOutCirc
- easeInElastic
- easeOutElastic
- easeInOutElastic
- easeInBack
- easeOutBack
- easeInOutBack
- easeInBounce
- easeOutBounce
- easeInOutBounce
- jswing
- easeInQuad
- easeOutQuad
- easeInOutQuad
- easeInCubic
- easeOutCubic
- easeInOutCubic
- easeInQuart
- easeOutQuart
- easeInOutQuart
- easeInQuint
- easeOutQuint
- easeInOutQuint
- easeInSine
- easeOutSine
- easeInOutSine
- easeInExpo
- easeOutExpo
- easeInOutExpo
- easeInCirc
- easeOutCirc
- easeInOutCirc
- easeInElastic
- easeOutElastic
- easeInOutElastic
- easeInBack
- easeOutBack
- easeInOutBack
- easeInBounce
- easeOutBounce
- easeInOutBounce
这篇关于如何在jQuery插件jQuery.ScrollTo中使用缓动?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文