Choose DemoSimpleCustom arrowsHide sectionsScroll after fullpageObserverjQuery adapterActive section and slideAuto heightAutoplay Video and AudioBackground imagesFixed fullscreen backgroundsBackground videoCallbacksContinuous horizontal (premium)Continuous verticalParallax (premium)Cards 3d (premium)Water effect (premium)Drop effect (premium)CSS3Drag And Move (premium)Easing CSSEasing JSFading Effect (premium)Fixed headersGradient backgroundsInterlocked Slides (premium)LoopingMethodsVertical navigation dotsHorizontal navigation dotsNavigation tooltipsNo anchor linksNormal scrollingNormal scroll elementsOffset sections (premium)One single sectionReset sliders (premium)Responsive Auto HeightResponsive HeightResponsive WidthResponsive Slides (premium)Scroll bar enabledScroll horizontally (premium)Scroll inside sections and slidesScrollOverflow Reset (premium)Lazy loadScrolling speedRTLTrigger animationsVue componentReact componentAngular component

• First slide
• Second slide
• Third slide

fullPage.js

Looping Top and Bottom Enabled

Looping!

Go to the first section and scroll up or to the last one and scroll down to see how it works.

Scroll Down

And it will loop to the first section