Back to Fullpage Js

Responsive Width

examples/responsive-width.html

4.0.411.1 KB
Original Source

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

Responsive Width

This example will turn to normal scroll when the window size gets smaller than 900px width

Ideal for small screens

This example uses responsiveWidth: 900

Keep it simple!