@Lex_Droid
It's just me. That's all.

Как сделать так, чтобы при прокрутке вниз или в другую область сайта, animate css исчез?

Добрый день.
Не знаю, как правильно сформулировать вопрос.
Крч есть у меня слайды. На каждом слайде кнопка, на которую нажимаешь и выскакивает текст с анимацией. Использую animate css. И возникла такая проблема. Когда перехожу на другой слайд и потом обратно на слайд с анимацией, окно не пропадает. То есть оно так и висит. А надо чтобы при переходу куда то, анимация как бы возвращалась обратно.
<div class="slide section_content s1_1">
            <div id = "click" onclick = "FuncImages()"><a href="#"><h2 class="link has-text-white">СЛАЙД 1</h2></a></div>
            <div id="main" class="animated flipInY">
            	<p>
            	текст
               </p>
            </div>
		</div>


#main {
    display: none;
  	width: 700px;
	height: 500px;
	background: #000;
	border-radius: 10%;
}

#main p {
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#click:hover {
  cursor: pointer;
}
	
.animated {
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  animation-duration: 200ms;
}


$('#click').click(function(){ 

	$('#main').show(); 
	$('#click').hide(); 

});
	
$('#main').click(function() {
    $('section').addClass('animated flipInY');
    exit();
});


Можно ли это решить на js? Я пока в нем плохо шарю.
Заранее спасибо!
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
evorios
@evorios
Я предполагаю, что section – это как раз "другой слайд":
$('#main').click(function() {
    $('section').addClass('animated flipInY');
    $('#main').hide();
});


PS. вопрос не вполне понятен...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
НТЦ РОСТ Москва
от 150 000 до 250 000 руб.
Sveak Барнаул
от 50 000 руб.
iFellow Екатеринбург
До 180 000 руб.