JQuery Waypoints throws Uncaught error: handler option not passed to Waypoint constructor

Question

I am using waypoint version 3.1.1 with jquery version also using shortcut with this as my calling code

$('.navWrap').waypoint('sticky', {
  direction: 'up',
});

But I get the error "Problem: No handler passed to waypoint constructor" and the waypoint does not fire.

What am I doing wrong?

+3

user3019562 21 jul. '15 at 3:10

1 answer

Steven moseley · Accepted Answer · 2015-07-21T03:13:49+0000

As the error indicates, waypoints require a "handler" option, which defines a callback function when scrolling to a waypoint element:

$('.navWrap').waypoint('sticky', {
    direction: 'up',
    handler: function(direction) {
        alert(direction);
    }
});

You can also try doing this using the new no-framework paradigm:

var sticky = new Waypoint.Sticky({
  element: $('.navWrap')[0]
});

See docs here: