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

Rules for nesting ion-nav-view, ion-view and ion-content
How to include leaflet-pip in ionic. Manually, bower or with browserify?
Ionic Deploy not updating Snapshot
Adding tabs and a side menu in ionic2
IONIC 2 Image upload to php server
not sending sms more than ones
PouchDB Extension not showing second database
Form Validation after updating Ionic
New Ionic push registering device tokens
What is the architecture in ionic framework?
ngCordova - Get network name
Hidding side menu and nav bar in only 1 page
Push Notifications in Ionic 2
Firebase 3 get list which contain generated keys to ionic list
Ionic Framework How to Implement Chat Heads
Is it possible to check user is going on wrong path(google map), when app is closed?

Categories

HOME
arduino-uno
log4j
ionic-framework
path-finding
comparison
react-redux
analysis
tizen-web-app
malloc
binary-tree
google-project-tango
networkx
windows-10-universal
volttron
midi
task
messages
iron-router
after-effects
progressive-web-apps
ef-migrations
connection-string
sms-gateway
samoa
google-cloud-speech
xlsxwriter
spark-jobserver
msys2
dbclient
c++-amp
gsoap
semantic-versioning
google-sites-2016
grails-3.1
hockeyapp
ensembles
http-live-streaming
unixodbc
qcombobox
google-datalayer
taffy
outlook-2013
xml-documentation
network-flow
domain-model
np-complete
nsarray
flow-control
minimization
nested-sets
wdf
libpng
rotativa
underscore.js-templating
autorest
firebaseui
tcpserver
rtbkit
sdhc
wordml
spidermonkey
operation
fluid-dynamics
sortedlist
graph-api-explorer
clipperlib
device-orientation
modalpopup
nsbutton
wp-query
valuechangelistener
marmalade
datagridviewcolumn
concurrent-collections
geos
spring-io
blending
qt-faststart
random-seed
comaddin
ocunit
typoscript2
gil
reddot
servicehost
pyinotify
web-application-design
routedevent
bespin
database-management
memory-size
django-notification
ajax-forms





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