Choose Demo
Simple
Custom arrows
Hide sections
Scroll after fullpage
Observer
jQuery adapter
Active section and slide
Auto height
Autoplay Video and Audio
Background images
Fixed fullscreen backgrounds
Background video
Callbacks
Continuous horizontal (premium)
Continuous vertical
Parallax (premium)
Cards 3d (premium)
Water effect (premium)
Drop effect (premium)
CSS3
Drag And Move (premium)
Easing CSS
Easing JS
Fading Effect (premium)
Fixed headers
Gradient backgrounds
Interlocked Slides (premium)
Looping
Methods
Vertical navigation dots
Horizontal navigation dots
Navigation tooltips
No anchor links
Normal scrolling
Normal scroll elements
Offset sections (premium)
One single section
Reset sliders (premium)
Responsive Auto Height
Responsive Height
Responsive Width
Responsive Slides (premium)
Scroll bar enabled
Scroll horizontally (premium)
Scroll inside sections and slides
ScrollOverflow Reset (premium)
Lazy load
Scrolling speed
Trigger animations
Vue component
React component
Angular component
Responsive Height
This example will turn to normal scroll when the window size gets smaller than 600px height
Ideal for small screens
This example uses responsiveHeight: 600
Keep it simple!