试图在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