Estoy usando Angular 12. Implementé ngx-scrollbar para mi módulo en mi aplicación angular. Ahora mi problema es que el desplazamiento funciona correctamente con las teclas de flecha hacia arriba y hacia abajo del teclado, pero no funciona con el desplazamiento del mouse. A continuación se muestra mi código: -

 <section class="my_page"> <div class="my__container" id="overflowCheck"> <ng-scrollbar appearance="compact" trackClass="prj-scrollbar" thumbClass="prj-scrollbar-thumbs"> <div [innerHtml]='lang_LTC' class="custom_tag_"></div> </ng-scrollbar> </div> <div class="my__container"> <form (ngSubmit)="onSubmit()" [formGroup]="myForm" ngNativeValidate> <div class="legal__section-1"> <mat-checkbox class="example-margin" matInput formControlName="checkbox" required color="accent"></mat-checkbox> <div class="legal-text"> <p> {{'myParagraph.paragraph3'}} </p> </div> </div> </form> </div> </section>

CSS: -

 #overflowCheck { background-color: $blue-black; height: 60vh; overflow-x: hidden; /* Hide horizontal scrollbar */ overflow-y: hidden; /* Add vertical scrollbar */ border: 0.1rem solid rgba(204, 204, 204, 0.472); text-align: left; }

Cualquier ayuda o mejor enfoque será apreciada.