Material ui 设置幻灯片过渡材质界面的起始位置

Material ui 设置幻灯片过渡材质界面的起始位置,material-ui,transition,slide,Material Ui,Transition,Slide,我希望幻灯片过渡从上容器的底部向下滑动,而不是从盒子的上边缘向下滑动。在下面的代码中,滑块当前从父框向下滑动。如何使幻灯片转换从第二个盒子容器的顶部开始向下滑动,以便激活转换时标题和描述不会重叠 <Box style={{ minHeight: 200 }}> <Fade in={true} timeout={300}> <div> <Box pb={1}> <B

我希望幻灯片过渡从上容器的底部向下滑动,而不是从盒子的上边缘向下滑动。在下面的代码中,滑块当前从父框向下滑动。如何使幻灯片转换从第二个盒子容器的顶部开始向下滑动,以便激活转换时标题和描述不会重叠

  <Box style={{ minHeight: 200 }}>    
    <Fade in={true} timeout={300}>
        <div>
          <Box pb={1}>
            <Box className={classes.spaceBetween} pb={1} pt={0.5}>
              TITLE HERE
            </Box>
          </Box>
          <Divider />
        </div>
      </Fade>
    
    <Box container>
      <Slide in={true} timeout={300} direction={down} mountOnEnter unmountOnExit>
        <Box pt={2} pb={1}>
          DESCRIPTION HERE
        </Box>
      </Slide>
    </Box>
</Box>

标题在这里
描述在这里