Появление блока в области видимости?

var $win = $(window); 
var $marker = $('#marker'); 
 
//отслеживаем событие прокрутки страницы 
$win.scroll(function() { 
  //Складываем значение прокрутки страницы и высоту окна, этим мы получаем положение страницы относительно нижней границы окна, потом проверяем, если это значение больше, чем отступ нужного элемента от верха страницы, то значит элемент уже появился внизу окна, соответственно виден 
  if($win.scrollTop() + $win.height() >= $marker.offset().top) { 
    $('#message').html('виден'); //выполняем действия если элемент виден 
  }else{ 
    $('#message').html('не виден'); //выполняем действия если не элемент виден 
  } 
});

#marker{ 
  margin-top: 500px; 
  width: 200px; 
  height: 100px; 
  background: red; 
} 
 
#message{ 
  position: fixed; 
  left: 20px; 
  top: 20px; 
  color: red; 
}

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