固定容器中使用CSS最大高度转换的Chrome滚动错误

我有一个固定的导航侧边栏，希望在子级别上使用向上/向下滑动动画的过渡。不知什么原因，Chrome在设置动画时正在滚动页面。 因为这只发生在Chrome中，所以可能是一个bug。有人知道哪里出了问题吗

html，正文{
保证金：0；
填充：0；
颜色：白色；
}
#内容{
位置：相对位置；
高度：4000px；
溢出：自动；
背景：灰色；
}
#固定的{
位置：固定；
右：0；
排名：0；
高度：100vh；
宽度：200px；
背景：红色；
溢出-x：隐藏
溢出y：自动；
}
#试验{
最大高度：0；
背景：蓝色；
过渡：最大高度0.5s，垫底0.5s；
溢出：隐藏；
}
#测试：目标{
最大高度：50vh；
}
#测试内容{
高度：200px；
背景：绿色；
}

感谢那些可怜的灵魂，他们在过去的5年里一直遭受着无法回答的痛苦，我也是如此。。。我给你的礼物：

overflow-anchor: none

---

将它添加到父/包装器容器似乎已经为我完成了这项任务。这里有更多关于该房产的详细信息：

谢谢这让我发疯