Safari Inhalt jenseits der sichtbaren Höhe nicht

Question

Anzeigen Als ich zum Ende der Seite gescrollt, bemerkte ich, daß untere Grenze und andere Inhalte unterhalb der Tabelle nicht wiedergegeben werden (Aber sie sind in DOM). Nur Der Inhalt in der sichtbaren Höhe wird gerendert. Als ich auf den freien Platz unter dem Tisch klickte, tauchte der Rest auf. Was könnte der Grund sein?

<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> 

ich versuchte overflow:scroll auf Wrapper um den Tisch legen. was nicht funktioniert hat. Dies geschieht nur in Safari

Answer 1

versuchen, die feste Höhe und Überlauf auf einer Verpackung auf den Tisch. Die Tabellen werden nicht scrollen/mit Überläufen arbeiten, daher müssen Sie eine Tabelle in ein containing-Element mit dem gewünschten Scroll-Verhalten und der gewünschten Höhe einbinden.

<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>