javascript - 试图在jQuery中实现这种动画效果

Question

我正在尝试实现与此页面类似的效果(单击提交按钮)。

http://www.thewildtimes.com

模态从页面顶部下拉。我认为这是一种 jQuery 缓动效果，但我对所有选项感到有点困惑。

我该怎么做？

Answer 1

他们使用的缓动称为 easeOutBack，它实际上可以归结为:

.animate({
   left  : ( ($(document).width() - this.options.BoxStyles.width) / 2),
   top   : ( $(document).scrollTop() + ($(window).height() - this.Box.outerHeight()) / 2 )
 }, {
    duration  : this.options.moveDuration,
    easing    : 'easeOutBack'
 });

Here's their effect packed up in a stand-alone demo to show it a bit better .