javascript - jQuery Waypoints Plugin -
how you? im using waypoints plugin sticky elements scroll down page.
however have sticky remove @ position of page, lets 30px starting scroll point , when user scrolls page, sticky elements takes , original starting point:
javascript:
$(function() { // our dom lookups beforehand var nav_container = $(".nav-container"); var nav = $("nav"); nav_container.waypoint({ handler: function(event, direction) { nav.toggleclass('sticky', direction=='down'); if (direction == 'down') nav_container.css({ 'height':nav.outerheight() }); else nav_container.css({ 'height':'auto' }); }, offset: 15 }); });
another example can @ found online here http://webdesigntutsplus.s3.amazonaws.com/tuts/313_waypoints/demo/index.html
lets want sticky nav dropped off @ chapter 1 im scrolling down when i'm scrolling gets picked , carry starting point.
also: http://imakewebthings.com/jquery-waypoints/#doc-disable trying use no success. thanks
any direction fiddle help!
Comments
Post a Comment