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

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)
Missing Module in gulpfile 'clone-stats'
ionic2: geolocation in browser fails with error: EXCEPTION: Uncaught (in promise): false
Ionic 2 check Internet connection
Scroll horizontally on ionic with rtl list
ionic2: How to do calculations in form?
<ion-slides> options not working
Ionic 2 - Progressive Web App Only - How-to?
Adding button/menu in ionic 2 content page
is it possible to control external devices with ionic
Ionic, nav-back-button duplicate view
Using an NPM module from Ionic

Categories

HOME
wso2
blogger
tizen
hashmap
office365api
q
sqlite3
angular-ui-bootstrap
fingerprint
mvvmcross
pivotal-cloud-foundry
constraint-programming
qore
cross-validation
basic
midi
wheelnav.js
visual-studio-2005
opentracing
pc
pugjs
crystal-reports-2008
dbext
predix
sqlcipher
selectedindexchanged
phpfox
neo4j-spatial
objectanimator
tasklet
lightswitch-2013
fabric8
functor
noraui
usbserial
form-data
geopositioning
service-discovery
code-search-engine
twitch
unobtrusive-validation
document.write
sas-visual-analytics
particles.js
ensembles
http-live-streaming
firebase-admin
azure-application-gateway
rails-routing
clean-architecture
jlink
alphabet
tropo
colorama
magma
typed-lambda-calculus
sybase-asa
zendesk-app
background-service
word-vba-mac
url-pattern
angular-cache
phishing
pcf
nsfilemanager
bstr
prettytensor
dataview
pagerank
php-parse-error
thredds
atk4
embedded-code
map-projections
0xdbe
microbenchmark
sankey-diagram
inmobi
bigbluebutton
sorl-thumbnail
xc16
rdl
android-radiobutton
dml
mechanize-ruby
algebraic-data-types
mbr
viadeo
spring-io
listings
mylyn
limejs
javaspaces
tomcat-valve
xdomainrequest
mongomapper
digest-authentication
web-application-design
project-hosting
grid-system
lzh

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile