how to disable horizondal scroll

[ghost]

when i scroll horizondal scrollbar the content is loading..how to avoid this

 <div class="lw-my-50 contentArea" style="overflow: scroll;"  infiniteScroll [infiniteScrollDistance]="2"
[infiniteScrollThrottle]="50" (scroll)="onScroll()" [scrollWindow]="false" [horizontal]="false">

<table class="lw-ff-Ubuntu lw-tt-c">
  <tr>
    <th>Product</th>
    <th>description</th>
    <th class="lw-md-d-none">Qty</th>
    <th>price</th>
    <th>stock status</th>
    <th></th>

  </tr>

  <tr *ngFor="let wish of wishData ">
    <td class="lw-w-10">
      <img [src]="wish.product.mainImage.mediumUrl" (click)="productDetails(wish.product.alias)" class="lw-w-100">
    </td>
    <td class="lw-w-30">{{wish.product.name}}</td>

    <td class="lw-md-d-none">{{wish.product.quantity}}</td>
    <td>{{wish.product.price }}</td>
    <td *ngIf="wish.product.stockQuantity>0">In-stock</td>
    <td *ngIf="wish.product.stockQuantity==0">Out-of-stock</td>

  </tr>

</table>