材质UI和React:使用渐变组件onScroll

你可以利用 in 财产 Fade 组件,并且仅在条件下设置为true。

所以在你的情况下,你需要这样做-

import VizSensor from 'react-visibility-sensor'; // or use any other 3rd party plugin or define your own

function comp=(props) => {

    let [active, setActive] = useState(false);

    return (
        <VizSensor
            onChange={(isVisible) => {
                setActive(isVisible);
            }}
        >
            <Fade in={active} timeout={3000}>
                <Typography variant="h3" className={classes.h3} gutterBottom>About Me</Typography>
            </Fade>
        </VizSensor>
    )

}