Всем здравствуйте. Помогите пожалуйста советом. Вот код
body {
background-color: #78ccf0;
margin:0;
padding:0;
}
.header {
width:100%;
height: 214px;
background-color:#000000;
}
.div_body {
width:100%;
height: 450px;
background-color:#fff;
overflow:scroll;
background-image:url('page_fon.jpg');
font-size:14pt;
}
.footer {
width:100%;
height: 270px;
background-color:#000000;
}
<link rel="stylesheet" href="css/animate.css">
<script src="wow.min.js"></script>
<div class="header">1</div>
<div class="div_body">большой текст
<div class="wow animated bounceInRight" >анимированный текст</div>
</div>
<div class="footer">3</div>
</body>
</html>
Все прописала, и если я не ставлю overflow:scroll-y для div_body, то анимация при прокрутке работает. Но только ставлю этот параметр, как перестает работать. Причем периодически и вообще анимированный текст не виден, т.е. он невидимый и всё. А иногда при Cntr+F5 и дальше я прокручиваю div и текст есть (но это явно не потому, что скрипт сработал, я же быстро прокручиваю (я точно знаю). Всю голову уже себе сломала. Я не мастер в js, буду рада любой помощи.
Спасибо за внимание.
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости