Как скрыть всплывающее меню при уменьшении расширения?

Question

[Tati_92]

Здравствуйте! у меня есть всплывающее меню при скроллинге!Изначально у меню уже задано в CSS: display:none; а появляется меню при помощи jquery! как его скрыть при меньшем расширении экрана?

.hide{
 position:fixed;
 display:none;
 margin-top:0;
 width:100%;/*ширина*/
 height:120px;/*высота*/
 background:#FCEDEF;
 top:0;
 transition: top 1s;
 z-index:100;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}

$(window).scroll(function(){
	  
		if($(window).scrollTop()>150){
			$('.hide').fadeIn(900)
		}else{
			$('.hide').fadeOut(700)
		}	 
	});

Answer 1

[Александр]

Чтобы при определенном размере экрана вообще не работало?

if (innerWidth >= 1280) {
    if ($(window).scrollTop() > 150) {
        $('.hide').fadeIn(900);
    } else {
        $('.hide').fadeOut(700);
    }
}

Таким образом, будет работать, если ширина окна браузера больше или равна 1280 пикселям.

UPD:

if ($(window).scrollTop() > 150 && innerWidth > 1024) {
    $('.hide').fadeIn(900);
} else {
    $('.hide').fadeOut(700);
}

Comments

[Tati_92]

нужно скрыть меню при расширении <=1024

[Александр]

Tati_92, И что, не подставите цифру? И что значит скрыть? Чтобы fadeOut срабатывал?

[Tati_92]

Александр, не увидела сначала продолжение ответа! все получилось! спасибо!