Image loading stops page scroll


#1

have this ionic html code

<ion-content padding="true">
    <div class="content-loading">
      <div ng-show='showCenteredLoading'>
        <div class="loading-spinner">
          <ion-spinner class='loading'></ion-spinner>&nbsp;<p>Loading Messages...</p>
        </div>
      </div>
      <div class='alert alert-grey fxd-alert center-txt clear-both' ng-show="pageInfoMsg !== ''"><h3 class='icon ion-information-circled'></h3><p ng-bind-html="pageInfoMsg"></p></div>
      <center><button class='button icon-left ion-refresh' ng-click='load()' ng-show="showReloadBtn">Retry</button></center>
    </div>   
    <div class="chat-conversations padding">
      <div class="message"> 
          <center><button class='button button-small margin-bt-10 icon-left ion-arrow-up-c' ng-click='loadMessages(nextPage)' ng-show="nextPage!=undefined">previous messages</button></center>            
          <div class="bubble {{message.uId == currentUser.id ? 'out':'in'}}-msg msg-tap-{{message.tapped}}" ng-repeat="(id, message) in messages" on-hold="onHoldMessage($index, $event, id, message)">
            <span ng-show="message.msgType!=='msgPic'">
              <span compile="message.text | linky:'_blank'"></span><br/>
            </span>
            <span ng-if="message.msgType==='msgPic'" ui-sref="app.view-photo({postId: pairId, photoId: currentUser.id, 'isOwner': false, imageFor: 'chat', msgId: message.id})">
              <img class="full-image" ng-src='{{BASE_URL}}/message/photo/{{pairId}}/{{currentUser.id}}/{{message.id}}{{authUrlParams}}' show-failed-img='yes' img-type='feed' imageonload/>
            </span>
            <span class="time" am-time-ago="message.time"></span>
          </div>
      </div>
    </div>     
  </ion-content>

The problem is when 4-5 image is added to the model, the page
scrolling is stopped happening. Doe the image loadng stops page
scrolling?


#2

Hey @mkj_2015,

//Enable Native Scrolling on Android $ionicConfigProvider.platform.android.scrolling.jsScrolling(false);

You also can enable or disable Native Scrolling for your page using overflow-scroll directive on any ion-content:

<!-- Disable Native Scrolling on this page only -->
<ion-content overflow-scroll=”false”>