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

Importing css library to ionic project
play store android version code must be higher - ionic app
Cordova FCM plugin handle background notification data
ionic3 plugin and platform errors
Ionic serve / ionic run not reflecting changes
Ionic 2: How do implement a modulus 11 control?
TypeError: $ionicAuth.signup is not a function
cordova-plugin-qrscanner not showing up in ios
Ionic Serve loads blank page (Failed to load resouce)
How to hide the bottom bar at ionic view
Bootstrap Modal and Ionic
Ionic2 don't ignore notification when the app is foreground
Showing a content other than tab's content in ionic tab
FAILURE: Build failed with an exception. Ionic
I want to show the images in ionic card next to each other
Ionic: Create a $scope or $rootScope variable for index.html

Categories

HOME
ms-access
google-chrome-extension
jdo
clips
deezer
session
octobercms
jsp-tags
umd
fancybox
indesign
facebook-messenger-bot
here-api
spring-xd
designer
after-effects
windows-7-x64
apache-metamodel
nhibernate-envers
openedx
textfield
emulator
conemu
reverse-proxy
errorlevel
cloudhub
realex-payments-api
sqlcipher
vlsi
facebook-access-token
bootstrap-material-design
applozic
fifo
publish
typo3-6.2.x
newline
librato
bcd
junit5
fog
picasso
overriding
dartium
libvpx
temporary-files
email-templates
mapzen
janrain
google-closure
nxlog
midl
apple-news
celery-task
qtwebview
akka-cluster
cubes
heidisql
grails-tomcat-plugin
gridpane
google-web-starter-kit
xml-attribute
holder.js
make-install
oauth2client
tform
browser-link
riak-cs
appfabric-cache
dereference
csquery
c3
applescript-objc
html-helper
uitouch
jubula
valuechangelistener
bundles
concurrent-collections
imdbpy
gridfs
dir
runtime.exec
jmapviewer
bulkloader
rabl
sqlperformance
flashvars
ocunit
unc
spring-portlet-mvc
joyent
floating
mozilla-prism
ncqrs
photoshop-cs4
backcolor
eqatec
simpletest
commodore

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