Это нужно, например, для анимации только в зоне видимости экрана
Используем этот скрипт:
<script type="text/javascript">
jQuery(document).ready(function($) {
var offset = 700;
$(window).scroll(function(){
var scrolltop = $(this).scrollTop();
$('.animation').each(function(){
if(scrolltop >= $(this).offset().top - offset) {
$(this).addClass('visible');
$(this).removeClass('visually-hidden');
}
});
});
});
</script>
Этот скрипт помогает для создания анимации средствами css
