• Add section
• Add 2 new slides
• Remove Current

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

fullPage.js 1

Hide, add or modify sections.
fullPage.js will get updated automatically.

fullPage.js 2

Hide, add or modify sections.
fullPage.js will get updated automatically.

Cool uh?

fullPage.js listen to your DOM!

To Hide On Responsive

This section will get hidden when reaching 960px width.
We are using CSS to hide the sections.
But fullPage.js will notice the change and update accordingly.

Check it out!

You'll love it