Задать вопрос

Нужно добавить класс если пройдёт 7 секунд с последнего момента вызова функции. Как реализовать такое?

Есть функции, которая добавляет класс при скроле, ну в стилях мы делаем фиксированую навигацию.
Нужно сделать так, что бы после того, как пользователь проскролил и прошло 7 секунд - добавить другой клас, что бы сделать другие стили.
P.S. хз зачем такое нужно, но заказчик думает что нужно...


var tMenu = jQuery('nav');
jQuery(window).on('scroll', function() {
var scrollPos = jQuery('body').scrollTop();
if( (/Firefox/i.test(navigator.userAgent)) || (/MSIE/i.test(navigator.userAgent)) ) {
scrollPos = jQuery('html').scrollTop();
}
// console.log( scrollPos );

if(!tMenu.hasClass("scrol-menu")) {
if(scrollPos > 20) {
tMenu.addClass("scrol-menu");
}
}

if(tMenu.hasClass("scrol-menu")) {
if(scrollPos < 20) {
tMenu.removeClass("scrol-menu");
}
}
});
  • Вопрос задан
  • 123 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
villiwalla
@villiwalla
HTML-верстка
setTimeout
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы