Waypoint.js Snippet

waypoint.js

/*********************************************************
/
/   Waypoints
/
*********************************************************/
$(function () {
	if($(window).width() >= 900 || $('html').hasClass("no-touch")){
		var $links = $('.panel-nav li a[href="#' + this.id + '"]');
		$('section.panel').waypoint(function(direction) {
			var $links = $('.panel-nav li a[href="#' + this.id + '"]');
			$links.toggleClass('active', direction === 'down');
			$(this).toggleClass('active');
		}, { offset: '+150' })
		.waypoint(function(direction) {
			var $links = $('.panel-nav li a[href="#' + this.id + '"]');
			$links.toggleClass('active', direction === 'up');
			$(this).toggleClass('active');
		}, { offset: function () {
				return -$(this).outerHeight() + 150; /* safe value */
			}
		});
	}
});