Скрытие и появление блока js?

Question

[RuhHost]

Доброго времени суток! Стоит задача показывать кнопку "Оставить заявку",на всей станице , но кроме блока расчет стоимость, он находится в середине сайта, и шапки.

var $win = $(window);
		var $marker = $('#marker');
		$win.scroll(function() {
		   if($win.scrollTop() + $win.height() >= $marker.offset().top) {
		      console.log('виден winL: ' + $win.scrollTop() + ' div '+ $marker.offset().top);
		   }else{
		    console.log('Не виден'+ $win.scrollTop() + ' div '+ $marker.offset().top +' hid: '+ $win.height());
		   }
		 });

Появление блока нашел, а как его скрыть когда он вышел из зоны видимости?

Answer 1

[Wispik]

.style.display = 'none' ?

Comments

[Александр]

в таком случае, лучше будет использовать visibility = 'hidden';, так как display = 'none'; "полностью удаляет" определённый элемент, а автору требуется скрыть его.

Answer 2

[Il'ia Kartovitskii]

На jQuery:

$('#elem_id').show();   // Показать блок с id 'elem_id'
$('#elem_id').hide();   // Скрыть блок с id 'elem_id'

На чистом JS:

var elem = document.getElementById('elem_id');
elem.style.display = 'none';