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 - json data not showing in template view
firebase retrieve data in ionic 2 with typings
Debugging Ionic 2 in Visual Studio Code - How to Hit Breakpoints in Source Files?
How to make dates before today inactive and not available for selection
Not able to connect with mfp server 7.1 version + ionic
Ionic: I'm unable to create tabs properly
Ion Navigation Button cannot control Div ng-show
How to use Foundation6 for Apps with a Visual Studio 2015 project
Ionic web output
Issue with Ionic pull to refresh and other transitions on Windows Phone
Firebase returns AUTHENTICATION_DISABLED [duplicate]
Prefix -g is not recognized as an internal and external command in npm
ViewChild doesn’t work to me - upgrade to beta7
Ionic instagram issue
new firebase update: popup window for Google Auth does not show up in Ionic
How do I use SASS in IBM MobileFirst project?

Categories

HOME
asp.net-core
gerrit
comparison
include
stock
fme
rsync
google-oauth
paw-app
sharepoint-designer
win32gui
baqend
facebook-messenger-bot
fancybox-3
google-cloud-ml
vb.net-2010
fortumo
decimal
try-catch
caml
graphlab
serilog
reactcsstransitiongroup
solaris-10
google-cloud-speech
custom-wordpress-pages
riot.js
opencover
mmap
phpfox
nhapi
strncpy
assistant
replaceall
microsoft-chart-controls
iframe-resizer
yadcf
preg-match-all
scorm2004
calibre
amazon-kinesis-kpl
mapdb
suricata
jquery-bootgrid
gesture
taffy
nsarray
r-forge
spring-cache
gnome-shell-extensions
pycaffe
yt-project
messenger
firmata
firebaseui
gridview-sorting
flash-cs5
blackberry-10
energy
tmuxinator
tableau-online
device-orientation
jsonpickle
pick
coldbox
fpml
markers
resty-gwt
eclipse-memory-analyzer
jquery-mobile-dialog
sabredav
eventlistener
kyotocabinet
funscript
multipage
windows-phone-7.1.1
pendrive
punbb
stage
heartbeat
xdomainrequest
netbeans-7.1
yui-datatable
celltable
lang
h.323
sproutcore-2
meego
substrings
memory-size
avatar
boost-smart-ptr
noscript
pascal-fc
thread-local-storage
sector
procedural-music
private-members
msdev
mdac
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