jquery之如何使用jquery在加载时滑动整个页面

我想在更改时将整个页面向下滑动。我想做到这一点的方法是创建一个垂直幻灯片，在单击链接时播放，并在页面加载时再次播放？到目前为止，我只能创建影响特定 DIV 的幻灯片。我还希望它能够垂直滑入。任何想法将不胜感激!

请您参考如下方法:

只需将所有内容包裹在一个 div 中，然后向下滑动即可。

CSS

#bodyContent { 
   display:none; 
   height: 100%; 
} 

HTML

<div id="bodyContent"> 
    //all your stuff goes in here 
</div> 

Javascript/JQuery

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