隐藏上方的网格时，如何向上滑动网格？

Question

我想，如果我向您展示我的尝试，那会更好。 因此，我正在努力构建一个天气应用程序，以便学习https://material-ui.com/。 我正在尝试制作动画原型，就像我在Google航班中看到的那样

我尝试使用material-ui中提供的Grid和Fade来做到这一点（我使用了最新的3.9.3）。 但是，在我的版本中，即使我使用Grid，当我隐藏AppBar和Form内容时，其下方的网格也不会向上滑动。我的版本看起来像

您可能会看到，我的意思是。那么，如何将内容向上滑动？ 我已经在https://codesandbox.io/s/13q4mmm36q?fontsize=14

共享了我的代码

有人可以帮助我了解我所缺少的吗？

Answer 1

淡入淡出只会改变不透明度。它本身并不会将其高度设置为0或变为显示状态：淡出后不会显示。

只需在页眉上使用material-ui折叠组件即可。

代码： https://codesandbox.io/s/ooyxn96mo9

文档： https://material-ui.com/api/collapse/