ionic-framework


Image loading stops page scroll


i 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> <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?

Related Links

ionic multiple header bar?
Ionic History back problems
Ionic extra scrollable area while using ion-slide-box
Ionic 2: how can I use functions such as startStateNotifications() using ionic-native's BLE plugin?
Menu icon not visible in ion-navbar Ionic 2
Replace back button with menu if no page to go back - Ionic
ionic v2 error ionic view
Where do i put the static sound files in ionic2 app?
Ionic2 - Failed to execute 'setAttribute' on 'Element': '[[ngModel]]' is not a valid attribute name
Not able to attach event handler in Ionic 2 on InAppBrowser
Ionic native InAppBrowser: how to add event listener
Console.log does not show up when I run 'ionic run android -lc'
SocialSharing doesn't work after Ionic Cloud Build
Communicate from web app to Ionic developed mobile app
OneSignal sendTag right after init doesn't work
OneSignal - Sending silent notifications that only increment badge (app in background)

Categories

HOME
pdf
blogger
magnific-popup
mockito
single-sign-on
octobercms
alfresco
spagobi
setup-deployment
amazon-ecs
sqlite3
ezpublish
azure-storage-tables
ios-charts
directx
bs4
awesome-wm
python-unittest
volttron
modx-revolution
telephony
propel
connection-string
oxyplot
lucene.net
abi
mps
graphicsmagick
sparse-matrix
dynamic-featured-image
windows-error-reporting
copying
typed.js
mpmediaquery
wpf-controls
serverside-rendering
theano.scan
webix-treetable
webdriver-manager
leading-zero
broadcastreceiver
sas-jmp
outlook-2013
chain-builder
python-webbrowser
dandelion
winscp-net
flutterwave
dynamics-sl
eventkit
topbeat
pycaffe
cubes
ado.net-entity-data-model
phishing
qpid
connect-by
livequery
wso2cloud
msys
android-listview
riak-cs
graph-drawing
mmc
p2
key-management
umbraco6
offloading
sgen
valueconverter
datagridviewcolumn
gnu-smalltalk
runtime.exec
google-cloud-save
ora-00911
spring-validator
cassini-dev
bitsharp
dsn
twrequest
parametric-equations
jquery-ui-layout
doh
appender
table-footer
appendto
winbugs14
zend-tool
photoshop-cs4
backcolor
aquaticprime
ubuntu-9.04

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App