fullPage.js

Introduction

Compatibilité

Licence

Licence commercial

Licence open-source

Usage

Utilisation facultative du CDN

Structure HTML requise

Initialisation

Initialisation avec Vanilla Javascript

Initialisation avec jQuery

Exemple de Vanille JS avec toutes les options

Créer des liens vers des sections ou des diapositives

Créer des sections plus petites ou plus grandes

Sections de hauteur automatique réactives

Classes d'états ajoutées par fullpage.js

Lazy Loading

Lecture automatique/pause automatique des médias intégrés

Jouer sur la section/charge de diapositives :

Pause en congé

Utiliser des extensions

Options

licenseKey

controlArrows

controlArrowsHTML

verticalCentered

scrollingSpeed

sectionsColor

anchors

lockAnchors

easing

easingcss3

loopTop

loopBottom

loopHorizontal

css3

autoScrolling

fitToSection

fitToSectionDelay

scrollBar

paddingTop

paddingBottom

fixedElements

normalScrollElements

bigSectionsDestination

adjustOnNavChange

KeyboardScrolling

touchSensitivity

skipIntermediateItems

continuousVertical

continuousHorizontal

scrollHorizontally

interlockedSlides

dragAndMove

offsetSections

resetSliders

fadingEffect

animateAnchor

recordHistory

menu

navigation

navigationPosition

navigationTooltips

slidesNavigation

slidesNavPosition

scrollOverflow

scrollOverflowMacStyle

scrollOverflowReset

sectionSelector

slideSelector

responsiveWidth

responsiveHeight

responsiveSlides

cinematic

cinematicOptions

effects

effectsOptions

parallax:true

parallaxOptions

dropEffect

dropEffectOptions

waterEffect

waterEffectOptions

cards

cardsOptions

lazyLoading

lazyLoadThreshold

observer

credits

Méthodes

getActiveSection()

getActiveSlide()

getScrollY() & getScrollX

moveSectionUp()

moveSectionDown()

moveTo(section, slide)

silentMoveTo(section, slide)

moveSlideRight()

moveSlideLeft()

setAutoScrolling(booléen)

setFitToSection(booléen)

fitToSection()

setLockAnchors(booléen)

setKeyboardScrolling(boolean, [directions])

setRecordHistory(booléen)

setScrollingSpeed(millisecondes)

destroy(type)

reBuild()

setResponsive(booléen)

responsiveSlides.toSections()

responsiveSlides.toSlides()

Callbacks

afterLoad (`origin`, `destination`, `direction`, `trigger`)

onLeave (`origin`, `destination`, `direction`, `trigger`)

beforeLeave (`origin`, `destination`, `direction`, `trigger`)

afterRender()

afterResize(`largeur`, `hauteur`)

afterReBuild()

afterResponsive(`isResponsive`)

afterSlideLoad (`section`), `origine`, `destination`, `direction`, `trigger`)

onSlideLeave (`section`, `origine`, `destination`, `direction`, `trigger`)

Annuler un coup avant qu'il n'ait lieu

onScrollOverflow (`section`, `slide`, `position`, `direction`)

Signaler les problèmes

Contribuer à fullpage.js

Changelog

Build tasks

Ressources

Qui utilise fullPage.js

Les sponsors

Gens

Contributors