在页面加载时jquery滑动

Question

如何在页面加载时将jquery向下滑动div，其中css被设置为显示：none？我看到很多解决方案，但没有人可以滑动div如果CSS设置显示：无。最好的办法是在负载和滑动后隐藏它，但当页面加载时，div有flash（显示）。

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);