Question

我正在使用Angular 5标签，问题是当我从一个标签切换到另一个标签时，页面将滚动到页面顶部。有谁知道我怎么可能解决这个问题。

<div class="row">
  <div class="col-md-12">
    <mat-tab-group dynamicHeight="true">
      <ng-container *ngFor="let rubric of assessmentForm.rubrics">
        <mat-tab label="{{rubric.title}}">
          <div class="table-responsive">
            <table class="table table-bordered wrappedTable">
              <thead>
              <tr>
               <td></td>
              </tr>
              </tfoot>
            </table>
          </div> <!-- /table-responsive -->
        </mat-tab>
      </ng-container>
    </mat-tab-group>
  </div>
</div> <!-- /row -->

我遗漏了表格中的一些代码，可能不会影响问题。

Answer 1

原因是当您更改选项卡时，下一个选项卡的内部内容高度不高，因此父级高度也会降低，这就是它滚动到顶部的原因它可以通过添加min-height来修复，例如：

<div class="col-md-12" style="min-height:800px;">
  <mat-tab-group dynamicHeight="true">
   ....content
  </mat-tab-group>
</div>

Angular 5标签滚动到页面顶部

1 个答案: