panDown

Scrollable Content

View Project

The last step in the development was to add the scroll function to the site to go from section to section using easing. I worked with ScrollDeck and it’s functionality to ease from section to section. I fixed the header to allow for content to scroll underneath it when the user chose a particular section.

Sample Code:

$(document).ready(function() {
  var deck = new $.scrolldeck({
    buttons: '.nav-button',
    slides: '.unit',
    duration: 800,
    easing: 'easeInOutExpo',
	offset: 0
  });
});