This is a plugin for scrolling smoothly between full-height sections of content.
Use your mouse, touchpad, up and down arrow keys, or space bar to scroll through the following sections!
Plugin usage notes are below the scrolling sections.
Summer
Autumn
Winter
Spring
Include the stylesheet and script on your page, and initialize the JavaScript with sectionScroll.init();.
Settings can be passed in to the plugin like so:
sectionScroll.init( {
scrollableSection: document.querySelector( '.scrolling-sections' ),
transitionDuration: '1s',
transitionTimingFunction: 'ease',
} );
The available settings are as follows:
scrollableSection: The element containing the scrollable sections. Defaults to document.querySelector( '.scrolling-sections' ).transitionDuration: The scroll animation duration. Defaults to 1s.transitionTimingFunction: The scroll animation timing function. Defaults to ease.