$.scrollify.current() does not update correctly on page refresh

I’m using the before callback to add an active class to each section so I can update the z-index of the current section. If I’m looking at any section other than the first and I refresh the page and call the afterRender callback, the current method pulls the very first section instead of whichever one I’m looking at.

Setup looks like this:

$.scrollify({
   section: ".section",
   sectionName: false,
   scrollSpeed: 1500,
   setHeights: false,
   updateHash: false,
   before: function(index, sections) {
      var ref = sections[index].attr('data-section-name');
      $('.section').each(function() {
         if( $(this).attr('data-section-name') === ref ) {
            $(this).addClass('active-section');
         }
         else {
            $(this).removeClass('active-section');
         }
      });
   },
   afterRender: function() {
      console.log($.scrollify.current());
   },
});

Also, I tried changing the easing to easeInOutQuad (and several others found on easings.net) and I get jquery-2.2.1.min.js:3 Uncaught TypeError: n.easing[this.easing] is not a function when I try to scroll to the next/previous section. Separate issue, but thought I’d note it here while I’m at it.

Thanks for the plugin!

[richardnassar-external]

Lukee , I can’t scroll to parts outside of the sections . I have a page with a header content body and a footer i only want the content body to be scrollify, when i do that i can’t scroll anymore to the header or footer … how can i fix it ?

[dmcanaveral]

Thanks Luke!