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

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

我尝试使用material-ui 中可用的（我使用 latest Grid）来做到这一点。但是，在我的版本中，即使我使用，当我隐藏和内容时，它下面的网格也不会向上滑动。我的版本看起来像 Fade3.9.3GridAppBarForm

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

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

标签： javascriptcssreactjsflexboxmaterial-ui

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

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