Javascript fadein标题，而jquery中的按钮保持不变

我对jquery非常了解，所以我在做一个网站，当页面加载时，我希望我的标题位于顶部的jumbotron fadeIn，而下面的按钮保持不变。 有人能帮我吗？因为当页面开始并返回到它的位置时，按钮保持在顶部，我的意思是底部。当页面完全加载且标题fadein

$（文档）.ready（函数（）{
$（'.main-heading'）.fadeIn（1000）.removeClass（'main-heading-hidden'）；
});
.jumbotron{
背景图片：url（“googlenownewyork.png”）；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
宽度：100%；
高度：600px；
保证金：0；
填充：0；
}
.主标题{
颜色：白色；
文本对齐：居中；
填充顶部：140px；
}
.隐藏主标题{
显示：无；
} 
.标题按钮{
文本对齐：居中；
填充顶部：30px；
}
.标题按钮.btn:悬停{
颜色：白色；
背景色：黑色；
}

Mount Edge Technologies
关于我们
询价
显示：无
从页面布局中删除页眉

尝试不透明度，而不是显示

您还可以非常轻松地使用css3动画来实现这一点，根本不需要使用jquery的fadeIn函数。
Live

将此脚本链接添加到代码中。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js" type="text/javascript"></script>

$('.main-heading').fadeIn(2000).removeClass('main-heading-hidden');