как скрыть блок 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>