Javascript 基础5下拉菜单在可滚动表行中的错误对齐

我想在可滚动的表格行中添加一个下拉按钮。我能够让下拉列表在可滚动的表格行中工作。但是，当您在表行内滚动时，下拉菜单将不对齐

下面是一些需要详细说明的屏幕截图

单击下拉按钮1时的初始状态。 下拉按钮1**已单击“>

当您将页面滚动到表的外部时，它工作正常。

当您在表行内滚动页面时，下拉菜单将显示未对齐。

请参考jsbin中的示例：

单击

下拉按钮1

，下拉菜单将显示

• 尝试在表行内滚动，您将看到下拉菜单将未对齐
• 但是，当您在表的外部滚动时，它将正常工作

---

非常感谢为解决此问题提供的任何帮助和建议。：）

上述实现的问题在于下拉菜单与窗口主体相关，而不是与下拉菜单容器相关

因此，解决方案是使用

位置：relative

封装下拉按钮

下面是修复下拉菜单未对齐问题的工作

谢谢~