Добрый день! Подскажите, пожалуйста, как заставить скрипт выполнить анимацию блока тогда, когда блок достигнет центра экрана, а не тогда, когда только станет видимым, как это у меня сейчас. Благодарю за помощь!
$(function() {
$('.person').css({'margin-left':'50px'});
$(window).on('scroll', function(e) {
if ($(window).scrollTop() > $('.person').offset().top - $(window).height()) {
$('.person').css({'margin-left':'10px'});
}
});
});
.person {
margin-left: 10px;
transition: margin-left .4s;
}
p {
height: 700px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p></p>
<div class="person"><img alt="" src="https://i02.fotocdn.net/s16/240/gallery_xs/254/54328815.jpg"></div>
<p></p>