jquery在页面加载时向下滑动

【问题标题】：jquery slidedown on page loadjquery在页面加载时向下滑动
【发布时间】：2012-01-02 16:07:02
【问题描述】：

如何在 css 设置为 display:none 的页面加载时使用 jquery 向下滑动 div？我看到了很多解决方案，但如果 css 设置为 display:none，没有一个可以滑动 div。最好的方法是在加载时和向下滑动后将其隐藏，但在页面加载时 div 会闪烁（显示）。

【问题讨论】：

【解决方案1】：

你可以试试这个：

$(document).ready(function(){
    $('.hidden').slideDown(1000);
});

HTML：

<div class="hidden">This is the content</div>

CSS：

.hidden{
 display:none;   
}

它在页面加载时向下滑动。

【讨论】：

【解决方案2】：

$('#hidden_div_id').slideDown('slow');

这在内部使用display:block

【讨论】：

【解决方案3】：

$('html, body').animate({
    scrollTop: ($('#element').offset().top)
},500);

【讨论】：