Определить, когда Body Scroll достигнет вершины | нижняя часть элемента

Я пытаюсь определить, используя javascript и jquery, когда прокрутка окна достигает вершины выбранного элемента. Я думаю, что я делаю успехи, но все еще нет результатов:

скрипка:https://jsfiddle.net/jzhang172/opvb2csy/

$(window).scroll(function() {
    var targetScroll = $('.div').position().top;
    if($(window).scrollTop() > targetScroll){
        alert('hey');
    });
});
body,html{
  height:2000px;
}
.div{
  height:300px;
  width:300px;
  position:absolute;
  top:500px;
  background:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="div"></div>

Ответы на вопрос(2)

Ваш ответ на вопрос