平滑下滑动画

Question

我已经构建了一个小功能，但它不是一个平滑的动画，它的滞后......我已经将它用于1600x700像素的页面加载

$(document).ready(function(){
    $('#slider').slideDown(500);
});

是否有任何解决方案可以使页面加载顺畅无论div有多大或多小？

FIDDLE DEMO

谢谢！

Answer 1

我建议尝试使用jQuery Easing插件。

这是演示和下载链接：http://gsgd.co.uk/sandbox/jquery/easing/

您可以像以下一样使用它：

$(document).ready(function(){
    $('#slider').slideDown(500, "easeOutQuart");
});

更新了您的小提琴：http://jsfiddle.net/T8vkA/1/