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

Question

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

这里有一些截图可以详细说明。

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

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

3. 当您滚动页面inside表格行时，下拉菜单misalign。

请参考jsbin中的这个例子：http://emberjs.jsbin.com/kuhavenaya/1/edit?html,css,js,output

点击Dropdown Button 1，会出现下拉菜单。

• 尝试滚动inside表格行，您会看到下拉菜单会错位。
• 但是，当您在表格外滚动时，它会正常工作。

非常感谢任何解决此问题的帮助和建议。非常感谢。 :)

Answer 1

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

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

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

谢谢~