我正在尝试使用 TweenLite 将蓝色侧边栏的宽度补间到零。不幸的是,蓝色侧边栏的内容超出了父级的范围。
对于 Flexbox 来说,这是绝对不应该发生的事情,但子元素也是 Flex 容器,所以我确定我在这里做错了什么。 :( 如果有人有任何建议请告诉我。谢谢!
这里是现场演示的链接:https://jimtheman.github.io/Flexbox-Push-Drawer-Example/#/ 在这里您可以阅读源代码:https://github.com/JimTheMan/Flexbox-Push-Drawer-Example/tree/gh-pages
ps。我想让这个工作正常,但我正在考虑是否有一种方法可以在不使用 Flexbox 的情况下让中心绿色部分在蓝色柱收缩时拉伸(stretch)以填充容器。
最佳答案
在“.whole-app-container”元素上设置overflow:hidden
解决了我的问题。
关于javascript - Flexbox父级的动画宽度不会影响子级?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38636707/