1

を使用して"ngx-perfect-scrollbar": "^5.3.5"います。「See More」と「See Less」という説明を追加していて、ページにスクロールがあります。「もっと見る」および「もっと見る」クリック操作を実行すると、完全なスクロールバーが更新されず、下部に余分な空白が残ります。

.html

<div class="col-12 ps" [perfectScrollbar]="scrollConfig">
<div class="seeMoreContent" *ngIf="seeMore === true">
---
----
---
</div>
<div class="seeLessContent" *ngIf="seeMore === false">
---
----
---
</div>
 <span (click)="updateSeeMore('seeMore')" class="seeMore">
See more</span>
<span (click)="updateSeeMore('seeLess')" class="seeLess">
  See Less
</span>
</div>

.ts

scrollConfig = {
    suppressScrollX: false,
    suppressScrollY: false
};

updateSeeMore(type){
if(type === 'seemore'){
 this.seeMore = true;
}else{
 this.seeMore = false;
}
// Want to update the scroll here

}   
4

2 に答える 2