Foundation 5下拉菜单可滚动表格行中的未对齐

Question

我想在可滚动的表格行中添加一个下拉按钮。我能够在可滚动的表格行中获得下拉列表。但是，当您在表格行中滚动 时，下拉菜单将会错位。

以下是一些详细说明的截图。

1. 初始状态，点击 Dropdown Button 1 时。

2. 当您滚动表格的 页面时，它可以正常工作。

3. 当您在表格行内滚动时，下拉菜单未对齐。

请参阅jsbin中的此示例：http://emberjs.jsbin.com/kuhavenaya/1/edit?html,css,js,output

点击 Dropdown Button 1 ，系统会显示下拉菜单。

• 尝试在表格行中滚动 ，您会看到下拉菜单未对齐。
• 但是，当您滚动表格 时，正常。

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

Answer 1

上述实现的问题是下拉菜单是相对于窗体而不是下拉菜单容器。

因此，解决方案是使用position: relative封装下拉按钮。

这是一个有效的example修复了下拉菜单错位问题。

感谢〜