Can anyone help me figure out why the basic example from the waypoints plugin isn't working for me? Here's a link to the jsfiddle I created: http://jsfiddle.net/ZA8bd/2/
CSS
.block1 {
margin-top:30px;
width: 400px;
background: red;
height: 800px;
}
.block2 {
margin-top:30px;
width: 400px;
background: green;
height: 800px;
}
HTML
<div class="block1"></div>
<div class="block2"></div>
JS
$('.block2').waypoint(function() {
notify('100 pixels from the top');
}, { offset: 100 });