Safari不显示超出可见高度的内容

Question

当我滚动到页面底部时，我发现桌面下方的底部边框和其他内容未呈现（但它们在DOM中）。仅呈现可见高度中的内容。当我点击桌子下面的空白区域时，剩下的就出现了。可能是什么原因。

<div class="mdl-cell mdl-cell--12-col">
    {{#light-table table class="mdl-data-table mdl-js-data-table" height='75vh' totalWidth=1200 as |t|}}
       {{t.head class="tableGrid" fixed=true}}
        {{#t.body multiSelect=true as |body|}} {{/t.body}}
    {{/light-table}}
</div>

我尝试在桌子周围添加overflow:scroll。这没用。这只发生在野生动物园

Answer 1

尝试将固定高度和溢出放在包装纸上。表格不会滚动/使用溢出，因此您需要使用所需的滚动行为和固定高度将表格包装在包含元素中。

＆＃13;

＆＃13;

<div style="height: 100px; overflow: auto">
  <table>
    <tr>
      <td>
        <p>
          test
        </p>
        <p>
          test
        </p>
        <p>
          test
        </p>
        <p>
          test
        </p>
        <p>
          test
        </p>
        <p>
          test
        </p>
      </td>
    </tr>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;