Ionic horizontal scroll not working in mobile device

This is my code::::

< ion-scroll class=“product-scroll” direction=“x” has-bouncing=“false” zooming=“false” style=“width: 99%;
height: 230px ;margin-left:0.5%; margin-right:0.5%;” scrollbar-x=“false” scrollbar-y=“false” horizontal-scroll-fix=“mainScroll”>

    <div  class="scroll_area" ng-click="changeState('app.tabs.product-details')">
      <div class="text-center" style="width:130px;" ng-repeat="obj in wholeData.deals"> 
      <img ng-src="{{obj.img}}" alt=""/>
        <h6>Apple iPhone 6</h6>
        <h6 style="color: #4169E1  !important;">Rs. 10000</h6>
         <h6><ionic-ratings ratingsobj='ratingsObject'></ionic-ratings> 400 ratings</h6
      </div>

    </div>
    
  </ion-scroll>