Всем привет! У меня возник глупый вопрос, а именно, почему при заданной высоте не скрывается элемент?
< script >
$(window).scroll(function() {
// если пользователь прокрутил страницу более чем на 850px
if ($(this).scrollTop() > 850) {
// то сделать кнопку scrollup видимой
$('.down').fadeIn();
}
// иначе скрыть кнопку scrollup
else if ($(this).scrollTop() <= 850) {
$('.down').fadeOut();
} else if ($(this).scrollTop() > 1000) {
$('.down').fadeOut();
}
}); <
/script>
.down {
position: fixed;
left: 20px;
display: none;
bottom: 50%;
opacity: .3;
animation: sizeDown 2s infinite alternate; /* анимация повторения*/
}
@keyframes sizeDown { /* Название анимации, которое идет после в animation */
from { /* От */
width: 60px;
height: 100px;
}
to { /* До */
width: 80px;
height: 120px;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="down">
<img src="lookDown.png" width="80px" height="100px">
</div>
Ошибку не вижу, скорее всего именно jquery. Версия 3.3.1. Все что связанно с элементом прикрепил.
2 if нужен для скрытия элемента если выше заданной высоты. Но вот 3 не работает, он не скрывается..