Меню не исчезает при скролле

311

08 июня 2017, 08:54

У меня проблема, когда я скроллю страницу меню не исчезает/появляется вот код

var headero = $('#header').offset(); 
var header = $('#header'); 
window.onscroll = function(){ 
	if (headero.top >= 10) { 
	header.hide(); 
	} 
}

body { 
 margin:0; 
 height:10000px; 
  
} 
#header { 
width:100%; 
float:left; 
height:50px; 
background:#fafafa; 
box-shadow:0 0 3px #ccc; 
position:fixed; 
line-height:50px; 
padding-left:20px; 
font-family:sans-serif; 
color:#ccc; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="header">Home</div>

Answer 1

Потому что вы один раз .offset() посчитали, а потом крути не крути - сравниваете с начальным значением.

var header = $('#header'); 
window.onscroll = function(){ 
	if (header.offset().top >= 10) { 
	    header.hide(); 
	}else{ 
	    header.show(); 
    } 
}

body { 
 margin:0; 
 height:10000px; 
  
} 
#header { 
width:100%; 
float:left; 
height:50px; 
background:#fafafa; 
box-shadow:0 0 3px #ccc; 
position:fixed; 
line-height:50px; 
padding-left:20px; 
font-family:sans-serif; 
color:#ccc; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="header">Home</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Js regexp замена тегов

Вопрос такой, как можно с помощью js regexp заменить 2 тега br на div

299

javascript

Как связать react и nw.js?

Вопрос в этом - что куда записать, чтобы при запуске nwjs запускалось приложение, написанное на react?

269

PHP

PHP Как убрать вывод значений на страницу

У меня при выборе даты заполняется выпадающий списокПосле нажатия на кнопку submit, значения, которыми заполняется выпадающий список, выводятся...

355

PHP

Как выполнить сложение чисел? [дубликат]

На данный вопрос уже ответили:

260