[](http://opensource.org/licenses/MIT)

7Kb gziped!

afterLoad: function(anchorLink, index){},

afterRender: function(){},

afterResize: function(){},

afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},

onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){}

});

###Use extensions

<script type="text/javascript" src="fullpage.continuousHorizontal.min.js"></script>

Then you will be able to use and configure them as explained in [options](https://github.com/alvarotrigo/fullPage.js#options).

- `scrollingSpeed`: (default `700`) Speed in milliseconds for the scrolling transitions.

Example:

$('#fullpage').fullpage({

- `anchors`: (default `[]`) Defines the anchor links (#example) to be shown on the URL for each section. Anchors value should be unique. The position of the anchors in the array will define to which sections the anchor is applied. (second position for second section and so on). Using anchors forward and backward navigation will also be possible through the browser. This option also allows users to bookmark a specific section or slide. **Be careful!** anchors can not have the same value as any ID element on the site (or NAME element for IE).

Now anchors can be defined directly in the HTML structure by using the attribute `data-anchor` as explained here.

**Important** It is helpful to understand that the values in the `anchors` option array correlate directly to the element with the class of `.section` by it's position in the markup.

- `autoScrolling`: (default `true`) Defines whether to use the "automatic" scrolling or the "normal" one. It also has affects the way the sections fit in the browser/device window in tablets and mobile phones.

- `fitToSectionDelay`: (default 1000). If `fitToSection` is set to true, this delays

the fitting by the configured milliseconds.

- `paddingTop`: (default `0`) Defines the top padding for each section with a numerical value and its measure (paddingTop: '10px', paddingTop: '10em'...) Useful in case of using a fixed header.

- `paddingBottom`: (default `0`) Defines the bottom padding for each section with a numerical value and its measure (paddingBottom: '10px', paddingBottom: '10em'...). Useful in case of using a fixed footer.

- `fixedElements`: (default `null`) Defines which elements will be taken off the scrolling structure of the plugin which is necessary when using the `css3` option to keep them fixed. It requires a string with the jQuery selectors for those elements. (For example: `fixedElements: '#element1, .element2'`)

- `normalScrollElementTouchThreshold` : (default `5`) Defines the threshold for the number of hops up the html node tree Fullpage will test to see if `normalScrollElements` is a match to allow scrolling functionality on divs on a touch device. (For example: `normalScrollElementTouchThreshold: 3`)

- `bigSectionsDestination`: (default `null`) Defines how to scroll to a section which size is bigger than the viewport. By default fullPage.js scrolls to the top if you come from a section above the destination one and to the bottom if you come from a section below the destination one. Possible values are `top`, `bottom`, `null`.

- `touchSensitivity`: (default `5`) Defines a percentage of the browsers window width/height, and how far a swipe must measure for navigating to the next section / slide

- `navigationPosition`: (default `none`) It can be set to `left` or `right` and defines which position the navigation bar will be shown (if using one).

- `showActiveTooltip`: (default `false`) Shows a persistent tooltip for the actively viewed section in the vertical navigation.

- `scrollOverflowOptions`: when using scrollOverflow:true fullpage.js will make use of a forked and modified version of [iScroll.js libary](https://github.com/cubiq/iscroll/). You can customize the scrolling behaviour by providing fullpage.js with the iScroll.js options you want to use. Check [its documentation](http://iscrolljs.com/) for more info.

- `slideSelector`: (default `.slide`) Defines the jQuery selector used for the plugin slides. It might need to be changed sometimes to avoid problem with other plugins using the same selectors as fullpage.js.

- `responsiveWidth`: (default `0`) A normal scroll (`autoScrolling:false`) will be used under the defined width in pixels. A class `fp-responsive` is added to the body tag in case the user wants to use it for his own responsive CSS. For example, if set to 900, whenever the browser's width is less than 900 the plugin will scroll like a normal site.

- `responsiveHeight`: (default `0`) A normal scroll (`autoScrolling:false`) will be used under the defined height in pixels. A class `fp-responsive` is added to the body tag in case the user wants to use it for his own responsive CSS. For example, if set to 900, whenever the browser's height is less than 900 the plugin will scroll like a normal site.

You can see them in action [here](http://alvarotrigo.com/fullPage/examples/methods.html)

});

###afterSlideLoad (`anchorLink`, `index`, `slideAnchor`, `slideIndex`)

Callback fired once the slide of a section have been loaded, after the scrolling has ended.

Parameters:

- [fullPage.js jsDelivr CDN](http://www.jsdelivr.com/#!jquery.fullpage)

- [fullPage.js plugin for October CMS](http://octobercms.com/plugin/freestream-parallax)

- [fullPage.js wordpress plugin](https://wordpress.org/plugins/wp-fullpage/)

- [fullPage.js Angular2 directive](https://github.com/meiblorn/ng2-fullpage)

- [fullPage.js angular directive](https://github.com/hellsan631/angular-fullpage.js)

- [Angular fullPage.js - Adaptation for Angular.js v1.x](https://github.com/mmautomatizacion/angular-fullpage.js)

- [Integrating fullPage.js with Wordpress (Tutorial)](http://premium.wpmudev.org/blog/build-apple-inspired-full-page-scrolling-pages-for-your-wordpress-site/)