waypoints

by Angelo Tirambulo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></script>
<div class="header">
whoooaaa
</div>


<div id="waypoint">
whoooaaa
</div>

CSS

.header{
  height:1000px;
}

JavaScript

$('#waypoint').waypoint(function() {
    alert('You have scrolled to my waypoint.');
}, {
    offset: '100%'
});