当网格上方的内容被隐藏时，如何向上滑动网格？答案

【问题标题】：How do I Slide up the Grid when the content above it is hidden?当网格上方的内容被隐藏时，如何向上滑动网格？
【发布时间】：2019-09-03 05:07:01
【问题描述】：

我想，如果我向你展示我尝试过的东西会更好。所以，我正在努力构建一个天气应用程序来学习https://material-ui.com/。我正在尝试制作我在 Google 航班中看到的动画原型

我尝试使用 material-ui 中的Grid、Fade 来执行此操作（我使用了最新的3.9.3）。然而，在我的版本中，即使我使用Grid，当我隐藏AppBar 和Form 内容时，它下面的网格也不会向上滑动。我的版本看起来像

如您所见，我的意思是。那么，如何向上滑动内容呢？我在https://codesandbox.io/s/13q4mmm36q?fontsize=14分享了我的代码

有人可以帮助我了解我缺少什么吗？

【问题讨论】：

【解决方案1】：

Fade 只会改变不透明度。它本身不会将其高度设置为 0 或在淡出后变为 display: none。

只需在 Header 上使用 material-ui Collapse 组件即可。

【讨论】：

天哪！这太好了。这正是我一直在寻找的。您是如何使用Collapse 的，它不在任何演示中。我想知道，我自己怎么能找到这样的掘金。另外，我意识到我不再需要Fade。见codesandbox.io/s/73wz207o9j
非常感谢您的帮助@Nathan
对于动画，material-ui.com/utils/transitions 提供了有关 mui 提供的一些很好的细节。