jquery在页面加载时滑动

Question

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

Answer 1

你可以试试这个：

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

HTML：

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

CSS：

.hidden{
 display:none;   
}

在页面加载时向下滑动。

<强> DEMO

Answer 2

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

这内部使用display:block

Answer 3

我上面没有找到工作解决方案。所以这里是http://www.robertprice.co.uk/robblog/using-jquery-to-scroll-to-an-element/

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