examples/active-slide.html
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
We are using the class active on this section and in this particular horizontal slide. This way it will appear on the viewport on page load, instead of the 1st section 1st slide.
You can apply the same logic to horizontal slides