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

Как показать или скрыть элемент, не раньше скролла => 100?

Доброго времени суток, коллеги!
Подобных вопросов много как добавлять или удалять класс при скролле. Но задача заключается в следующем.
1. При скролле > 100 задаю класс, в нем скрываю выпадающее меню вниз. И соответственно при обратном скролле меню появляется.

$(window).scroll(function() {
var height = $(window).scrollTop();
/*Если сделали скролл на 100px задаём новый класс */
if(height > 100){
$('.menuheader--menu').addClass('close-header-menu');
} else{
/*Если меньше 100px удаляем класс*/
$('.menuheader--menu').removeClass('close-header-menu');
}
});

2. Задача при наведении курсора на заголовок, показать выпадающее меню которое было ранее скрыто предыдущим скриптом, при отведении курсора -- скрывать.

$('.sp-module.sufix.span1').hover(function(){
$('.menuheader--menu').removeClass('close-header-menu');
}, function() {
$('.menuheader--menu').addClass('close-header-menu');
});

3. Вопрос: Как не применять .hover, если не достигнут скролл 100. Т.к. .hover скрывает / показывает меню там где это не нужно.

Заранее благодарю.
  • Вопрос задан
  • 58 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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