を使用して"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
}