是否有基于React/JavaScript的解决方案来修复Overflow-X-Visible和Overflow-Y-Auto问题？

我在React中有一个粘滞的侧边栏，当点击它时会显示一个选项菜单（见下面的截图）。使用overflow-x-visible研究overflow-y-auto是一个持续的问题。我已经实现了许多建议的解决方案，包括：style="padding-bottom: 250px; margin-bottom: -250px;并在此处和此处创建更宽的DIV容器。我也一直在学习这个教程。但是，我无法让它为我的用例工作。

缩短代码：

<代码><；边栏类名="；H-96溢流-Y-自动溢流-X-可见"；>；<；SidebarItemNew类名="；相对的"；>；<；DropDownOptions类名="；绝对的"；/>；<；/sidebarItemNew>；<；/边栏>；

有办法让它为React工作吗？谢谢你的帮助！

顺晟科技：

为了解决这个问题，我使用React Portal将子元素分解成它自己的DOM节点。然后，我按照本教程使用了React Popper.现在效果很好！