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 2 - Menu button showing on right side (Browser)
I can't use fabric.js canvas library in ionic 2 app
videogular on android device
Difference in Ionic View vs Chrome CSS Flexbox Height 100%?
ionic: ionic serve can't work with ERR_CONNECTION_TIMED_OUT error
I cant use ionic-2 auth service
Go back to Ionic application after payment success from Paypal
Create a folder by feature in Ionic
How to detect touchstart and touchend on knob of ion-range
Different between ionic class and ionic tag
IONIC 2 Cloud Push Not Working - App Crashes
Identify users / generate token for Ionic.io Push
Is It possible to set .gif as ionic2 splash screens intead of .png?
Command failed with exit code 2 in ionic
Ionic serve not working with ionic2
How can I choose hybrid or native development based on app category?

Categories

HOME
debugging
keras
plone
json.net
react-virtualized
sd-card
youtube-dl
jsp-tags
adb
tizen-web-app
retrofit
windows-server
onelogin
convolution
swagger-ui
directx
contact
awesome-wm
izpack
vb.net-2010
serilog
google-cloud-speech
firefox-webextensions
lldb
riot.js
qhull
apache-commons-io
django-storage
wpfdatagrid
wtx
libuv
newline
ecto
exuberant-ctags
airconsole
catel
force-layout
unobtrusive-validation
awt
ensembles
reportingservices-2005
powershell-dsc
network-flow
multipeer-connectivity
csound
sqlbulkcopy
root-framework
word-vba-mac
time-and-attendance
passport-google-oauth
httplistener
url-masking
impresspages
qpid
essence
captivenetwork
apachebench
livequery
ios4
ford-fulkerson
separator
qtableview
teamcity-8.0
ora-00900
comobject
computer-algebra-systems
truevault
website-monitoring
xc16
tablelayout
java.util.concurrent
phalanger
navigationservice
elliptic-curve
valueconverter
doskey
undefined-reference
flexmojos
jmapviewer
google-cloud-save
web2py-modules
back-stack
chronoforms
tinn-r
gil
funscript
dice
pysimplesoap
ticoredatasync
dotnethighcharts
eclipse-templates
mercurial-server
doh
invite
recent-documents
locate
telerik-scheduler
rescale
ncqrs
web-architecture
webkit.net
nintendo-ds
sustainable-pace
zune

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