Есть функции, которая добавляет класс при скроле, ну в стилях мы делаем фиксированую навигацию.
Нужно сделать так, что бы после того, как пользователь проскролил и прошло 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");
}
}
});