Нужно добавить класс если пройдёт 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");
}
}
});
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
villiwalla
@villiwalla
HTML-верстка
setTimeout
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы