Symbol
Symbol
'use client'; import { FullpageContainer, FullpageSection } from '@shinyongjun/react-fullpage'; import '@shinyongjun/react-fullpage/css'; export default function ReactFullpageDemo() { const [activeIndex, setActiveIndex] = useState<number>(0); return ( <FullpageContainer activeIndex={activeIndex} setActiveIndex={setActiveIndex} > <FullpageSection name="first"> <div style={{ width: '100%', background: '#E6E6FA' }}> First </div> </FullpageSection> <FullpageSection name="second"> <div style={{ width: '100%', background: '#FFFACD' }}> Second </div> </FullpageSection> <FullpageSection name="second"> <div style={{ width: '100%', background: '#FFDAB9' }}> Third </div> </FullpageSection> <FullpageSection name="second" isAutoHeight> <div style={{ width: '100%', background: '#89CFF0' }}> Footer </div> </FullpageSection> </FullpageContainer> ) }

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓

Scroll Down ↓