Задать вопрос
newdecline
@newdecline
Front-end-developer
javascript

Почему иконка анимируется неправильно?

Не могу сделать чтобы после скрола вниз плавно скрывалась иконка и когда скролю на верх иконка снова выплывала. У меня она после скрола вверх исчезает почему-то ..
window.onscroll = function() {
    var scrolled = window.pageYOffset || document.documentElement.scrollTop;
    if (scrolled > 60) {
      btnScrollHeader.style.paddingTop = '300px';
      setTimeout(function() {
        btnScrollHeader.style.display = 'none';
      }, 1000);
    } else if (scrolled < 60) {
      btnScrollHeader.style.paddingTop = '';
      btnScrollHeader.style.display = '';
    }
  }

testlessons.ru/alexandra
пример
skrinshoter.ru/v/100918/9CDQb9nM
  • Вопрос задан
  • 119 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 2
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
Добавляйте и удаляйте класс со стилями так будет правильнее что ли, как мне кажется. Инлайн он всегда не прост.
А вообще все дело в setTimeout(function() { btnScrollHeader.style.display = 'none'; }, 1000);
Ответ написан
1 комментарий
1 комментарий
@hesrun
У меня как-то проще получилось... Я всегда так делаю, тоглю класс. А все стили в css, зачем описывать через js не понимаю...
https://codepen.io/hesrun/pen/pOpMVe
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Ещё заказы