reactjs - 滚动到下一部分

Question

我是新手，我想实现一个功能，当用户滚动鼠标时onScroll，它会自动转到下一个。section

export const Opening = () => {
    const {clock } = useClock(3000, true);
    return (
        <>
            <div className={`${clock ? "transition_color grey" : "transition_color"}`} style={{ backgroundImage: `url(${Sunset})`}}>
                <section>
                    <LandingIn />
                </section>
            </div>
            <section>
                <Description />
            </section>
            <section>
                <Statistic />
            </section>
            <section>
                <Lego />
            </section>
            <section>
                <Proof />
            </section>
            <section>
                <Team />
            </section>
        </>
    )
}

标签： reactjs