jQuery Waypoints Error: The sticky method does not exist

Question

I want to stick an element to the top of the page in WordPress, using jQuery Waypoints plugin.

<script src="path/to/waypoints.min.js"></script>
<script>
  $('#myelement').waypoint('sticky');
</script>

But the console says:

Error: The sticky method does not exist in jQuery Waypoints.

Am I missing something?

Answer 1

Did you include the sticky shortcut script on top of your normal waypoints.js?

<script src="path/to/waypoints.min.js"></script>
<script src="path/to/waypoints-sticky.min.js"></script>

See Sources and Docs

Answer 2

Another thing that can happen to users may be , the js adds the sticky css to the element but the css is empty.

Adding :

.stuck{position: fixed; top: 0;}

to your css file will stick it.