-1
Я очень прост в jquery, поэтому я делаю сайт, где, когда загружается страница, я хочу, чтобы мой заголовок находился на верхнем jumbotron fadeIn, в то время как кнопки внизу остаются постоянными. Не мог бы кто-нибудь помочь мне с этим. Потому что кнопки остаются сверху, когда страница начинается и возвращается к своей позиции, я имею в виду внизу. когда страница полностью загружает и товарную FadeIn ...fadein заголовок, пока кнопки остаются постоянными в jquery
$(document).ready(function() {
$('.main-heading').fadeIn(1000).removeClass('main-heading-hidden');
});.jumbotron {
\t background-image: url("googlenownewyork.png");
\t background-position: center center ;
\t background-repeat: no-repeat;
\t background-size: cover;
\t width:100%;
\t height: 600px;
\t margin:0;
\t padding: 0;
}
.main-heading{
\t color: white;
\t text-align: center;
\t padding-top:140px;
}
.main-heading-hidden{
display: none;
}
.header-button{
\t text-align: center;
\t padding-top: 30px;
}
.header-button .btn:hover{
\t color: white;
\t background-color: black;
}<script src="https://s3.amazonaws.com/codecademy-content/projects/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js" ></script>
<script src="metcorp.js" type="text/javascript"></script>
<div class="jumbotron">
\t \t <div class="container first-div">
\t \t \t <div class="row main-heading main-heading-hidden">
\t \t \t
\t \t \t \t <h1>Mount Edge Technologies</h1>
\t \t \t \t <h3></h3>
\t \t \t </div>
\t \t \t <div class="row header-button btn-padding">
\t \t \t \t <button type="button" class="btn">About Us</button>
\t \t \t \t <button type="button" class="btn">Get A Quote</button>
\t \t \t </div>
\t \t </div>
\t </div>