Показать сообщение отдельно
  #1 (permalink)  
Старый 13.11.2018, 21:21
Новичок на форуме
Отправить личное сообщение для sotex2 Посмотреть профиль Найти все сообщения от sotex2
 
Регистрация: 13.11.2018
Сообщений: 8

как скрыть блок div в скрипте
здравствуйте, есть бок div под шапкой сайта как скрыть блок div в скрипте, но при скролле после шапки сайта блок div был видимым. у меня сейчас такая конструкция:

<div id="top_nav"> БЛОК </div>


<script>
var h_hght = 80; // высота шапки
var h_mrg = 0; // отступ когда шапка уже не видна

var h_hght2 = 14; // высота шрифта
var h_mrg2 = 20; // высота шрифта когда шапка уже не видна

$(function(){

var elem = $('#top_nav');
var top = $(this).scrollTop();


if(top > h_hght){
elem.css('top', h_mrg);
elem.css('font-size', h_mrg2);
}


$(window).scroll(function(){
top = $(this).scrollTop();

if (top+h_mrg < h_hght) {
elem.css('top', (h_hght-top));
elem.css('font-size', (h_hght2));

} else {
elem.css('top', h_mrg);
elem.css('font-size', h_mrg2);
}
});

});
</script>

Последний раз редактировалось sotex2, 13.11.2018 в 21:31.
Ответить с цитированием