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

Problems with Google OAuth request on ionic
Highchart disturbs its chart display at second glance in ionic app
Ionic 2: How to make a sliding menu from the bottom
Access url parameters of pwa address
Ionic 2 ion-card getElementById returns null
Separate set of tabs on pages
Ionic run android --device generates install two apks on my external device
How to apply outline button on ionic 2
Ionic: Unable to run ionic serve with WARN:ionic project has been renamed to ionic.config.json
Open android browser in InAppBrowser
cordova background geolocation plugin on reboot
Currency Converter In ionic
Ionic Angular js IDE
Ionic2: template variables not updating in Page View
Ionic 2 PWA: Linking to specific page
Ionic 2 CSP on android

Categories

HOME
hive
server
hp-exstream
lodash
platform-builder
mean-stack
setup-deployment
leon
twitter-bootstrap-4
alpha
mvvmcross
adfs
slick-slider
numeral.js
nstableview
vb.net-2010
commonmark
nhibernate-envers
scichart
one-hot-encoding
cx-freeze
cloudhub
sparse-matrix
wpfdatagrid
uninstall
nhapi
entitlements
ejabberd-module
libssl
iframe-resizer
ghost4j
wallpaper
y86
bitbucket-pipelines
multilingual
hp-ux
gzipstream
ncalc
arena-simulation
flashair
rainbowtable
hibernate-tools
apache-fop
upstart
zip4j
paxos
alphabet
carrot
diagnostics
knpmenubundle
sqlbulkcopy
pearson
linode
gnome-shell-extensions
background-service
pintos
cubes
url-pattern
static-ip-address
intrusion-detection
measures
gridview-sorting
nessus
ford-fulkerson
iad
dukescript
sframe
drawbitmap
0xdbe
mono-embedding
processmodel
mmc
remobjects
block-device
c3
tablelayout
file-copying
codeigniter-routing
php-5.4
flask-cors
project-planning
mesa
rebol3
braille
transcoding
multiprocessor
file-locking
ora-00911
html4
trusted
custom-backend
genshi
winbugs14
w3wp.exe
blitz++
jquery-ui-droppable
ext3
castle-monorail
multi-tier
zend-tool
defensive-programming

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