目前,我有一個從下到上淡入的表格(stackblitz 示例)。當它發生時,隨著表格高度在淡入和高度減小時增加,滾動條可見,因此它在動畫后隱藏它。 .table-data { border: 1px solid; height: 400px; overflow: auto; }我要這個溢出為自動因為在某些情況下,表格中的數據可能足夠長,滾動條可見。有沒有辦法在 TypeScript 中做到這一點?我只能在動畫期間隱藏溢出的地方,使用:.ease-in-up { animation: fadeInUp 5s; **overflow: hidden;**}HTML:<div class="table-data"> <table class="ease-in-up"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr><tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr><tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> </table></div>
僅在表格數據動畫期間隱藏垂直滾動條
慕尼黑5688855
2021-06-12 22:16:58