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 and show sections.
fullPage.js will get updated automatically.

Slide To Hide On Responsive

This slide 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.

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