Basic Waypoint Usage

waypoint_jquery_usage.js

// Document ready function
jQuery( document ).ready(function($) {
    'use strict';
    // Define our elements so we can cache them
    var $masthead = $( '$masthead' );
    var $body     = $( 'body' );
    // Use waypoints
    $body.waypoint( function( direction ) {
        if( direction === 'down' ) {
            //do stuff you want to happen on down
        } else {
            // do stuff you want to happen on up
        }
    }, {
        // Define where we want waypoint to fire
        offset : '-300px',
    });
});