设置滑动过渡材料ui的起始位置

问题描述

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

  <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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

material-ui slide