表内的绝对元素导致表启用溢出-y:以某种方式滚动

EDIT2(编辑2) 看看这个 jsFiddle 我认为它现在正在工作:)

编辑

如果要隐藏屏幕上显示的垂直滚动条 width 是< 560px 然后您可以使用 overflow-y:hidden 并在表格后面的其他元素上显示弹出窗口,您可以设置 height:100% 在你身上 @media

@media all and (max-width: 560px) {
  .table-wrapper {
    overflow-x: auto;
    overflow-y:hidden;  // <-- 
    height:100%;        // <--
    -webkit-overflow-scrolling: touch;
  }
}

要隐藏表后的空格,不能将下一个元素设置为 消极的 margin-top 这样地

div_after_the_table {
margin-top:-75px;
}

div .more-info {
    position: static;
}

必须定位绝对弹出窗口的直接父级 static 为了把它从表格中取出,请滚动。

我一直在为同样的问题努力,但我的问题仍未解决。我已设置图标 position:absolute 将其显示在第一列的右侧,而不将其环绕到下一行。但是,当父对象被定位为静态时,图标的弹出定位会出现问题。

如果你用另一个div包装你的桌子 position: absolute; ,弹出窗口将能够在溢出外部显示。