页面加载时的 jquery 滑动

Question

如何在 css 设置为 display:none 的页面加载时使用 jquery 向下滑动 div？我看到了很多解决方案，但如果 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;   
}

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

演示

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