当div在视图中时触发Javascript

Question

我正在使用以下javascript检查div是否在视图中，然后触发事件。

但是，只有当div位于屏幕的最顶端时才会触发。如果div位于屏幕的中心，我怎么能让它触发？

$(document).ready(function()
	{
      var my_div = $("#target");
      var div_top = my_div.offset().top;

      $(document).scroll(function()
        {
          if (div_top <= $(document).scrollTop())
            {
             alert("triggered");
            }
        });
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="basic">
  <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>     <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>
</div>
<div id="target">
	<p> target </p>
</div>
<div id="basic">
  <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>   <p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>
</div>