$(window).on("scroll", function(){ if($(window).scrollTop() + $(window).height() - 100 >= $(".target").offset().top){ alert("On viewport"); } })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="target"> </div>
body{ padding-top: 150vh; } .target{ background: red; width: 100%; height: 50px; margin-bottom: 500px; }