路由器插座导致页面上升，该如何解决？

Question

当用户单击特定行时，将呼叫路由器出口，并在该行下方显示一个页面。 问题是，当用户单击该行时，页面显示良好，但是母版页上升（滚动顶部）。因此，用户必须向下滚动以查看（路由器出口）子页数据。

如何防止滚动顶部？

<table class="table table-bordered table-hover">
    <div *ngFor="let values of domResponseData;let i = index" (window:scroll)="onScroll($event)">
        <tr style="text-align: center" (click)="showDetails(values,'showdet',i)" [class.selected]="checkIndex==i">
            <td style="text-align: left" width="30%">
                <div>{{values.title}} {{values.firstName}} {{values.middleName}} {{values.lastName}}</div>
                ( {{values.registeredEmail}} )</td>
            <td width="40%">
                <div>Transaction-ID - {{values.transactionID}}</div>{{values.date | date:'full'}}</td>
            <td width="500px">
                <div>{{values.bookingstatus}}</div>Total Price :- ₹ {{values.totalPrice}}</td>
        </tr>
        <tr *ngIf="checkIndex==i" style="background-color: #e4e5e6; " id="jump">
            <td colspan="3">
                <router-outlet></router-outlet>
            </td>
        </tr>
    </div>
    <tr style="text-align: center" (click)="showMore()">Show More</tr>
</table>

Answer 1

好吧，发现了一个hack ...

setTimeout(function(){var y=window.scrollY+50;
    window.scrollTo(0, y);
},150);