jquery-waypoints

I am using http://imakewebthings.com/jquery-waypoints and I need to do some action when the user scrolls down to the area with the class div1 . However, I need it only fire once and not every time the user scrolls to that location. — only once $('.div1').waypoint(function(direction) { alert(CARRY OUT MY ACTION); }); This needs to only happen on the first scroll to that section — up or down. triggerOnce() is replaced with destroy() . Just add this.destroy() . $('.div1').waypoint(function(direction){ alert('CARRY OUT MY ACTION') this.destroy() }); For more options check the API of Waypoints .

I'm using http://imakewebthings.com/jquery-waypoints and having 5 classes (staffmember), at the moment waypoints fires on all the classes at once when getting the first class. How to stage it so that I can add as you pass through the list? <ul id="staff"> <li class="staffmember"></li> <li class="staffmember"></li> <li class="staffmember"></li> <li class="staffmember"></li> <li class="staffmember"></li> </ul> jQuery $('.staffmember').waypoint(function(direction) { jQuery('.staffmember').addClass('on').next(); }); Thanks If I understand you correctly try this. It should iterate through each

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? 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 Another thing that can happen to users may be , the js adds the sticky css to the