在最近开发LLM前端交互的过程中我遇到了一个有趣的问题。当为某个元素添加fadeInUp动画时发现如果其父元素没有设置overflow: hidden那么整个滑动容器的scrollHeight会受到translateY动画的影响。!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metahttp-equivX-UA-CompatiblecontentIEedgemetanameviewportcontentwidthdevice-width, initial-scale1.0titleScroll/titlestyle.chats{overflow:hidden auto;height:200px;width:500px;margin:0 auto;}.record{height:50px;background-color:red;border:2px solid black;// 若不设置chats容器的scrollHeight会增加translateY的1000pxoverflow:hidden;}.answer{transform:translateY(1000px);width:100%;height:50px;background-color:antiquewhite;}/style/headbodydivclasschatsdivclassrecord/divdivclassrecord/divdivclassrecord/divdivclassrecord/divdivclassrecord/divdivclassrecorddivclassanswer/div/div/div/body/html